@props([
    'name',
    'value'       => '',
    'placeholder' => 'JJ/MM/AAAA',
    'required'    => false,
    'class'       => '',
])
@php
    $isoValue = '';
    if ($value) {
        try {
            $isoValue = \Carbon\Carbon::createFromFormat('d/m/Y', $value)->format('Y-m-d');
        } catch (\Exception) {
            try { $isoValue = \Carbon\Carbon::parse($value)->format('Y-m-d'); } catch (\Exception) {}
        }
    }
    $selectedDates = $isoValue ? '["' . $isoValue . '"]' : '';
@endphp
<div class="kt-input {{ $class }}">
    <i class="ki-outline ki-calendar"></i>
    <input class="grow"
        name="{{ $name }}"
        type="text"
        data-kt-date-picker="true"
        data-kt-date-picker-input-mode="true"
        data-kt-date-picker-position-to-input="left"
        data-kt-date-picker-date-format="DD/MM/YYYY"
        data-kt-date-picker-locale="fr-FR"
        data-kt-date-picker-first-weekday="1"
        @if($selectedDates) data-kt-date-picker-selected-dates="{{ $selectedDates }}" @endif
        placeholder="{{ $placeholder }}"
        value="{{ $value }}"
        readonly=""
        {{ $required ? 'required' : '' }}
    />
</div>