<div class="row gy-3">

    <div class="col-lg-8 col-md-12">
      {{ html()->label('Name')->class('form-label') }}
      {{ html()->text('name')->class('form-control')->placeholder('Shift Name')->required() }}
    {{ html()->div('Please add Name')->class('invalid-feedback') }}
    </div>

    <div class="col-lg-4 col-md-6">
      {{ html()->label('Break Time (In minutes)')->class('form-label') }}
      {{ html()->number('break_time')->class('form-control')->placeholder('Total Break Time')->required() }}
      {{ html()->div('Please add break_time')->class('invalid-feedback') }}
    </div>

    <div class="col-lg-4 col-md-6">
      {{ html()->label('Min Start Time')->class('form-label') }}
      {{ html()->time('min_start_time')->class('form-control')->required() }}
      {{ html()->div('Please add min_start_time')->class('invalid-feedback') }}
    </div>

    <div class="col-lg-4 col-md-6">
      {{ html()->label('Start Time')->class('form-label') }}
      {{ html()->time('start_time')->class('form-control')->required() }}
      {{ html()->div('Please add start_time')->class('invalid-feedback') }}
    </div>

    <div class="col-lg-4 col-md-6">
      {{ html()->label('Max Start Time')->class('form-label') }}
      {{ html()->time('max_start_time')->class('form-control')->required() }}
      {{ html()->div('Please add max_start_time')->class('invalid-feedback') }}
    </div>

    <div class="col-lg-4 col-md-6">
      {{ html()->label('Min End Time')->class('form-label') }}
      {{ html()->time('min_end_time')->class('form-control')->required() }}
      {{ html()->div('Please add min_end_time')->class('invalid-feedback') }}

    </div>

    <div class="col-lg-4 col-md-6">
      {{ html()->label('End Time')->class('form-label') }}
      {{ html()->time('end_time')->class('form-control')->required() }}
      {{ html()->div('Please add end_time')->class('invalid-feedback') }}
    </div>

    <div class="col-lg-4 col-md-6">
      {{ html()->label('Max End Time')->class('form-label') }}
      {{ html()->time('max_end_time')->class('form-control')->required() }}
      {{ html()->div('Please add max_end_time')->class('invalid-feedback') }}
    </div>

    <div class="col-lg-12 col-md-12">
      {{ html()->label('Description')->class('form-label') }}
      {{ html()->textarea('description')->class('form-control')->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 WorkShift', 'submit')->class('btn btn-success') }}
    </div>
  </div>

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