{{-- Custom date picker input --}}

{{-- Required settings: --}}
{{-- isDateRangePicker: defaults to false --}}
{{-- id: string or array of input IDs --}}

{{-- Optional settings: --}}
{{-- label --}}
{{-- name: string or array of input names  --}}
{{-- placeholder: string or array of placeholders --}}
{{-- value: string or array of values --}}
{{-- conatainerId --}}
{{-- containerExtraClass --}}
{{-- callback: function executed after date has been selected --}}

@php
    if (!empty($id) && gettype($id) !== 'array') {
        $id = [$id];
    }

    if (!empty($name) && gettype($name) !== 'array') {
        $name = [$name];
    }

    if (!empty($placeholder) && gettype($placeholder) !== 'array') {
        $placeholder = [$placeholder];
    }

    if (!empty($value) && gettype($value) !== 'array') {
        $value = [$value];
    }
@endphp

<div
    class="form-input-container date-picker-control-container {{empty($label) ? 'full-width-inputs' : ''}} {{$containerExtraClass ?? ''}}"
    @if(!empty($containerId)) id="{{$containerId}}" @endif
    data-callback="{{$callback ?? ''}}"
>
    @if(!empty($label))
        <label class="input-label">{{$label}}</label>
    @endif

    <label>
        <input
            type="text"
            @if(!empty($id[0]))
                id="{{$id[0]}}"
            @endif
            name="{{$name[0] ?? ''}}"
            class="date-input form-control dynamic-validation"
            placeholder="{{$placeholder[0] ?? ' '}}"
            value="{{$value[0] ?? ''}}"
            autocomplete="off"
            readonly
            @if(!empty($startDate[0]) && is_array($startDate))
                data-start-date="{{$startDate[0]}}"
            @endif
            @if(!empty($endDate[0]) && is_array($endDate))
                data-end-date="{{$endDate[0]}}"
            @endif
        >
    </label>

    @if($isDateRangePicker ?? false)
        <div class="date-range-separator">~</div>

        <label>
            <input
                type="text"
                @if(!empty($id[1]))
                    id="{{$id[1]}}"
                @endif
                name="{{$name[1] ?? ''}}"
                class="date-input form-control dynamic-validation"
                placeholder="{{$placeholder[1] ?? ' '}}"
                value="{{$value[1] ?? ''}}"
                autocomplete="off"
                readonly
                @if(!empty($startDate[1]) && is_array($startDate))
                    data-start-date="{{$startDate[1]}}"
                @endif
                @if(!empty($endDate[1]) && is_array($endDate))
                    data-end-date="{{$endDate[1]}}"
                @endif
            >
        </label>
    @endif
</div>