@extends('backend.layouts.app')

@section('content')
<div class="p-3">
  <div class="card">
    <div class="card-header">EDIT BOOKINGS</div>
    <div class="card-body">
      <form action="{{ url('admin/alegrita-bookings/' . $bookings->id) }}" method="POST" enctype="multipart/form-data">@csrf @method('put')
        
        <div class="row">

          <div class="col-12 mb-3">
            <label for="">Reservation Date</label>
            <input type="date" class="form-control" required name="assigned_date" value="{{ $bookings->asigned_date }}" />
            @error('assigned_date')
              <span class="text-danger">{{ $message }}</span>
            @enderror
          </div>

          <div class="col-12 mb-3">
            <label for="">Reservation Time</label>
            <select class="form-select rounded-0" name="assigned_time" aria-label="Default select example">
              <option selected hidden disabled>SELECT TIME *</option>
              <option value="08:00">08:00 AM</option>
              <option value="08:30">08:30 AM</option>
              <option value="09:00">09:00 AM</option>
              <option value="09:30">09:30 AM</option>
              <option value="10:00">10:00 AM</option>
              <option value="10:30">10:30 AM</option>
              <option value="11:00">11:00 AM</option>
              <option value="11:30">11:30 AM</option>
              <option value="12:00">12:00 PM</option>
              <option value="12:30">12:30 PM</option>
              <option value="13:00">01:00 PM</option>
              <option value="13:30">01:30 PM</option>
              <option value="14:00">02:00 PM</option>
              <option value="14:30">02:30 PM</option>
              <option value="15:00">03:00 PM</option>
              <option value="15:30">03:30 PM</option>
              <option value="16:00">04:00 PM</option>
              <option value="16:30">04:30 PM</option>
              <option value="17:00">05:00 PM</option>
          </select>

          @error('assigned_time')
          <span class="text-danger">
              {{ $message }}
          </span>
          @enderror
          </div>

          <div class="col-12 mb-3">
            <label for="">PAX</label>
            <input type="input" class="form-control" required name="pax" value="{{ $bookings->pax }}" />
            @error('pax')
              <span class="text-danger">{{ $message }}</span>
            @enderror
          </div>

          <div class="col-12 text-right">
            <button type="submit" class="btn btn-success">Edit Bookings</button>
          </div>


        </div>
      </form>
    </div>
  </div>
</div>
@endsection

@section('js')
<script src="https://cdn.ckeditor.com/4.16.0/standard/ckeditor.js"></script>

<script type="text/javascript">
  CKEDITOR.replace('description');
</script>
@endsection