@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.store') }}" method="post">
          @csrf

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

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

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

            @include ('includes.subject_names', ['labelColWidth' => 1, 'fieldColWidth' => 2, 'required' => true])

            @include ('includes.academic_years', ['labelColWidth' => 1, 'fieldColWidth' => 2, 'required' => true])
          </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" name="date" id="date" value="{{ old('date') }}" placeholder="DD-MM-YYYY">
            </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') }}" placeholder="HH::MM">
            </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' : '' }}>Active</option>
                <option value="0" {{ old('status') == '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') }}">
            </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') }}">
            </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