@props([
    'name' => '',
    'value' => null,
    'label' => '',
    'class' => '',
    'format' => 'Y-m-d',
    'dateFormat' => 'dateFormat',
    'star' => false,
    'minDate' => null,
    'maxDate' => null,
    'tooltip' => null,
])
@php
    $splitAttributes = implode(' ', explode(' ', $attributes));
    $invalidClass = $errors->has(dotted_string($name)) ? 'is-invalid' : '';
    $class = "{$invalidClass} form-control {$class} {$dateFormat}";
    $defaultPlaceHolder = __('Enter') . ' ' . $label;
    $placeholder = $placeholder ?? $defaultPlaceHolder;
    $value = $value ?? (isset($model) ? old($name, $model->{$name}) : old($name));
    $dotted_name = dotted_string($name);
@endphp

<div class="col-sm-12 w-100">
    <div class="form-group row no-gutters">
        <label class="col-sm-12 col-form-label text-start {{ $errors->has($name) ? 'text-danger' : '' }}">
            {{ $label }}
            @if ($star)
                <i class="fa fa-asterisk fa-xs errorMessage" aria-hidden="true"></i>
            @endif

            @if ($tooltip)
                <i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip"
                   data-bs-original-title="{{ $tooltip }}"></i>
            @endif
        </label>
        <div class="col-sm-12 w-100">
            <input type="text" id="{{ $name }}" name="{{ $name }}" class="{{ $class }}"
                   style="width:100% !important;" placeholder="{{ $placeholder }}" {!! $splitAttributes !!}
                   value="{{ $value }}" readonly />
            @error($name)
            <div class="invalid-feedback" style="white-space: normal; word-wrap: break-word;">{{ $message }}</div>
            @enderror
            <span class="errorMessage error_{{ $dotted_name }}" style="white-space: normal; word-wrap: break-word; display: block;"></span>
        </div>
    </div>
</div>

@push('scripts')
    <x-ui::supports.datePicker :minDate="$minDate" :maxDate="$maxDate" />
@endpush