<div class="modal fade" id="editShiftModal" tabindex="-1" aria-labelledby="editShiftModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <?= form_open('admin/shifts/edit'); ?>
        <input type="hidden" name="<?= $this->security->get_csrf_token_name(); ?>"
               value="<?= $this->security->get_csrf_hash(); ?>">
        <input type="hidden" name="id" id="editShiftId">

        <div class="modal-header">
          <h5 class="modal-title" id="editShiftModalLabel">Edit Shift</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>

        <div class="modal-body">
          <div class="mb-3">
              <label for="editShiftName">Name</label>
              <input type="text" class="form-control" name="name" id="editShiftName">
          </div>

          <div class="mb-3">
              <label for="editShiftDescription">Description</label>
              <textarea class="form-control" name="description" id="editShiftDescription"></textarea>
          </div>

          <div class="mb-3">
              <label for="editShiftStartTime">Start Time</label>
              <input type="time" class="form-control" name="start_time" id="editShiftStartTime">
          </div>

          <div class="mb-3">
              <label for="editShiftEndTime">End Time</label>
              <input type="time" class="form-control" name="end_time" id="editShiftEndTime">
          </div>
        </div>

        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
          <button type="submit" class="btn btn-primary">Update</button>
        </div>
      <?= form_close(); ?>
    </div>
  </div>
</div>
