{{-- sur le tag --}}
{{-- :options="['defaultDate' => 'today']" --}}

@props(['name', 'error' => null, 'options' => [], 'required' => false])

@php
$label = $attributes['label'] ?? false;
$placeholder = $attributes['placeholder'] ?? '';
$error = json_decode($error, true) ?? [];

$options = array_merge(
    [
        'enableTime' => false,
        'dateFormat' => 'Y-m-d',
        'altInput' => true,
        'altFormat' => 'd/m/y',
        // 'defaultDate' => 'today',
        'locale.firstDayOfWeek' => 1,
        // 'disableMobile' => true,
    ],
    $options,
);
@endphp

<div class="form-control w-full flex {{ !empty($error[0]) ? 'flex-col space-y-1' : 'items-center space-x-4' }}">
    @if (!empty($error[0]))
        <div class="flex items-center space-x-4">
    @endif
    @if ($label)
        <label for="{{ $name }}" class="text-sm min-w-1/4">{{ $label }}</label>
    @endif
    <div class="w-full" wire:ignore>
        <input x-data x-init="flatpickr($refs.input, {{ json_encode((object) $options) }});" x-ref="input" type="text"
            {{ $attributes->merge(['class' => 'input-date w-full appearance-none border-0 bg-transparent text-black py-1 px-0 focus:outline-none h-8 focus:border-transparent']) }} />
    </div>
    @if (!empty($error[0]))
</div>
<div class="flex items-center space-x-4">
    <span class="block min-w-1/4"></span>
    <span class="text-red-500 text-sm">{{ $error[0] }}</span>
</div>
@endif
</div>