@php
    $required = $required ?? true;
    $onlyDate = $onlyDate ?? true;
    $onlyTime = $onlyTime ?? false;
    $calendar = auth()?->user()?->Profile?->calendar ?? 'Gregorian';
@endphp
@switch($calendar)
    @case('Gregorian')
        <input {{ $required ? "required" : '' }} id="{{ $id }}" name="{{ $name }}"
               type="{{ $onlyDate ? 'date' : 'datetime-local' }}"
               class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
               value="{{ $value ?? '' }}"/>
        @break
    @case('Jalali')
        <input type="text" id="{{ $id }}" name="{{ $name }}" {{ $required ? "required" : '' }} data-jdp readonly
               {{ $onlyTime ? "data-jdp-only-time" : '' }} {{ $onlyDate ? "data-jdp-only-date" : '' }}
               data-jdp-min-date="{{ $from ?? '' }}" data-jdp-max-date="{{ $to ?? '' }}"
               class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
               placeholder="{{ $placeholder ?? 'Click to select a date/time' }}"
               value="{{ isset($value) ? jDate($value)->format('Y/m/d') : '' }}"/>
        @break
    @case('Hijri')
        <input
            type="text"
            id="datepicker"
            class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
            placeholder="{{ $placeholder ?? 'Select a Hijri date' }}"
        >
        @break
    @default
        @break
@endswitch