<div class="row gy-3">

  <div class="col-lg-4 col-md-6">
    {{ html()->label('Event Type')->class('form-label') }}
    {{ html()->select('type')->class('form-select')->placeholder('Select Event Type') }}
  </div>


  <div class="col-lg-4 col-md-6">
    {{ html()->label('Title')->class('form-label') }}
    {{ html()->text('title')->class('form-control')->placeholder('Event Title') }}
  </div>

  <div class="col-lg-4 col-md-6">
    {{ html()->label('Date')->class('form-label') }}
    <div class="input-group">
      {{ html()->text('date')->class('form-control flatpickr flatpickr-input')->id('event-start-date')->placeholder('Select Event Date') }}
      <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('Start Time')->class('form-label') }}
    {{ html()->time('start_time')->class('form-control')->placeholder('Event Start Time') }}
  </div>

  <div class="col-lg-4 col-md-6">
    {{ html()->label('End Time')->class('form-label') }}
    {{ html()->time('end_time')->class('form-control')->placeholder('Event End Time') }}
  </div>

  <div class="col-lg-4 col-md-6">
    {{ html()->label('Location')->class('form-label') }}
    {{ html()->text('location')->class('form-control')->placeholder('Event Location') }}
  </div>

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

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

  <div class="text-end">
    {{ html()->button($editable ? 'Update' : 'Add Event', 'submit')->class('btn btn-success') }}
  </div>
</div>