<div class="row gy-3">

    <div class="col-lg-4 col-md-6">
        {{ html()->label('Title')->class('form-label') }}
        {{ html()->text('title')->class('form-control')->placeholder('Holiday Title')->required() }}
        {{ html()->div('Please select Resigner')->class('invalid-feedback') }}
    </div>

    <div class="col-lg-4 col-md-6">
        {{ html()->label('Start Date')->class('form-label') }}
        <div class="input-group">
            {{ html()->text('start_date')->class('form-control flatpickr-date flatpickr-input')->id('event-start-date')->placeholder('Holiday Start Date')->required() }}
            <span class="input-group-text"><i class="ri-calendar-event-line"></i></span>
        </div>
    </div>

    <div class="col-lg-4 col-md-6">
        {{ html()->label('End Date')->class('form-label') }}
        <div class="input-group">
            {{ html()->text('end_date')->class('form-control flatpickr-date flatpickr-input')->id('event-end-date')->placeholder('Holiday End Date')->required() }}
            <span class="input-group-text"><i class="ri-calendar-event-line"></i></span>
        </div>
    </div>

    <div class="col-lg-12 col-md-12">
        {{ html()->label('Description')->class('form-label') }}
        {{ html()->textarea('description')->class('form-control')->placeholder('Holiday Description')->attributes(['rows' => 3]) }}
    </div>

    <x-form-buttons :editable="$editable" label="Add" href="{{ route('holiday.index') }}" />
</div>

@push('js')
    <script src="{{ asset('assets/js/pages/form-validation.init.js') }}"></script>
@endpush