@extends ('Layouts.Application')

@section ('MainContent')

<div class="row">
  <div class="col-sm-12">
    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title">Create Class Room</h3>
      </div>

      <div class="panel-body">
        @include ('Layouts.FormValidationErrors')
        @include ('Layouts.ErrorSuccessAndWarninMessages')

        <form action="{{ route('LoggedIn.Task.ClassRoom.update', ['classroom' => $roomDetails->id]) }}" method="post">
          @csrf
          {{ method_field('patch') }}

          <div class="form-group row">
            @include (
              'includes.branch_shift_version_names',
              ['labelColWidth' => 1, 'fieldColWidth' => 2, 'showBranchField' => true, 'storedData' => $roomDetails->institute_branch_version_id]
            )
            @include (
              'includes.class_names',
              ['labelColWidth' => 1, 'fieldColWidth' => 2, 'required' => true, 'storedData' => $roomDetails->class_id]
            )

            @include (
              'includes.group_names',
              ['labelColWidth' => 1, 'fieldColWidth' => 2, 'required' => true, 'storedData' => $roomDetails->group_id]
            )
          </div>

          <div class="form-group row">
            @include (
              'includes.section_names',
              ['labelColWidth' => 1, 'fieldColWidth' => 2, 'required' => true, 'storedData' => $roomDetails->section_id]
            )

            @include (
              'includes.subject_names',
              ['labelColWidth' => 1, 'fieldColWidth' => 2, 'required' => true, 'storedData' => $roomDetails->subject_id]
            )

            @include (
              'includes.academic_years',
              ['labelColWidth' => 1, 'fieldColWidth' => 2, 'required' => true, 'storedData' => $roomDetails->acc_year]
            )
          </div>

          <div class="form-group row">
            <label for="date" class="col-sm-2 control-label text-right text-danger">Date</label>
            <div class="col-sm-3">
              <input type="text" class="form-control" value="{{ old('date', date('d-m-Y', strtotime($roomDetails->date))) }}"
                placeholder="DD-MM-YYYY" name="date" id="date"
              />
            </div>
            <label for="time" class="col-sm-1 control-label text-right">Time</label>
            <div class="col-sm-2">
              <input type="text" class="form-control" name="time" id="time" value="{{ old('time', date('h:i A', strtotime($roomDetails->time))) }}">
            </div>
            <label for="status" class="col-sm-1 control-label text-right text-danger">Status</label>
            <div class="col-sm-2">
              <select name="status" class="form-control" id="status">
                <option value="1" {{ old('status') == '1' ? 'selected' : ($roomDetails->room_link == '1' ? 'selected' : '') }}>Active</option>
                <option value="0" {{ old('status') == '0' ? 'selected' : ($roomDetails->room_link == '0' ? 'selected' : '') }}>Inactive</option>
              </select>
            </div>
          </div>

          <div class="form-group row">
            <label for="room_id" class="col-sm-2 control-label text-right text-danger">Room Id</label>
            <div class="col-sm-3">
              <input type="text" class="form-control" name="room_id" id="room_id" value="{{ old('room_id', $roomDetails->room_id) }}">
            </div>
            <label for="room_password" class="col-sm-1 control-label text-right text-danger">Room Password</label>
            <div class="col-sm-2">
              <input type="text" class="form-control" name="room_password" id="room_password" value="{{ old('room_password', $roomDetails->room_password) }}">
            </div>
          </div>

          <div class="form-group">
            <button class="btn btn-sm btn-primary" style="width: 100%;">Save</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>

@section('script')
<script src="{{ asset('rsrc/bower_components/timepicker/jquery.timepicker.min.js') }}"></script>
<script>
$('#time').timepicker({
  timeFormat: 'h:mm p',
  interval: 30,
  dynamic: false,
  dropdown: true,
  scrollbar: true
});
</script>
@endsection

<script type="text/javascript">
$('#date').datepicker({
  format: 'dd-mm-yyyy',
  autoclose: true,
  todayHighlight: true
});
</script>

@endsection