@extends ('Layouts.Application')

@section ('MainContent')

<div class="row">
  <div class="col-sm-12">
    <div class="panel panel-default">
      <div class="panel-heading">
        <strong>View Teacher's Routine</strong>
      </div>
      <div class="panel-body">
        @include ('Layouts.FormValidationErrors')
        @include ('Layouts.ErrorSuccessAndWarninMessages')

        @if (4 == $userRoleId)
          <form class="form-horizontal">
            @csrf

            <div class="form-group form-group-sm">
              <label for="teacher-id" class="col-sm-2 control-label text-danger"> Teacher Wise View Routine</label>
              <div class="col-sm-6">
                <select class="form-control" id="teacher-id" name="teacher_id">
                  <option value="">----- Teacher -----</option>
                  @if ($teachers->isNotEmpty())
                    @foreach ($teachers as $teacher)
                      <option value="{{ $teacher->user_id }}">
                        {{ $teacher->full_name }} --- {{ $teacher->username }}
                      </option>
                    @endforeach
                  @endif
                </select>
              </div>

              <div class="col-sm-2">
                <a href="{{ route('LoggedIn.Task.ClassRoutine.SectionViewIndex') }}" class="btn btn-primary" role="button">
                  <i class="fa fa-eye"></i> Section Wise Routine View
                </a>
              </div>

              <div class="col-sm-2">
                <a href="{{ route('LoggedIn.Task.ClassRoutine.Create') }}" class="btn btn-primary" role="button">
                  <i class="fa fa-plus-circle"></i> Assign Class Routine
                </a>
              </div>
            </div>
          </form>
        @else
          <div class="panel-heading teacher_info text-center">
            <h4>
              NAME: {{ $userDetails->full_name }} &nbsp;
              NUMBER: {{ $userDetails->phone_no }}
            </h4>
          </div>

          <div class="table-responsive">
            <table class="table table-striped table-condensed">
              <thead>
                <tr>
                  <th>Sl.</th>
                  <th>Day</th>
                  <th>Period</th>
                  <th>Time</th>
                  <th>Branch</th>
                  <th>Class</th>
                  <th>Group</th>
                  <th>Section</th>
                  <th>Subject</th>
                  <th>Room No.</th>
                </tr>
              </thead>
              <tbody>
                @if ($routineDetails->isNotEmpty())
                  @foreach ($routineDetails as $key => $routine)
                    <tr>
                      <td>{{ $key + 1 }}</td>
                      <td>{{ $routine->day_name }} </td>
                      <td>{{ $routine->period_name }} </td>
                      <td>{{ $routine->routine_time }}</td>
                      <td>{{ $routine->school_branch_name }}, {{ $routine->school_version_name }}</td>
                      <td>{{ $routine->ClassName }}</td>
                      <td>{{ $routine->GroupName }}</td>
                      <td>{{ $routine->SectionName }}</td>
                      <td>{{ $routine->subject_name }}</td>
                      <td>{{ $routine->room_no }}</td>
                    </tr>
                  @endforeach
                @endif
              </tbody>
            </table>
          </div>
        @endif
      </div>
    </div>
  </div>
</div>

<div class="row">
  <div class="col-md-12">
    <div id="teacherRoutines"></div>
  </div>
</div>

<script type="text/javascript">
$(document).ready(function () {
  $("#teacher-id").select2();

  $(document).on('change', "#teacher-id", function () {
    var teacher_id = $(this).val() || 0;

    if (teacher_id) {
      $.ajax({
        type: "GET",
        url: baseURL + '/!/Task/ClassRoutine/get_teacher_routines/' + teacher_id,
        success: function (response) {
          $('#teacherRoutines').html(response);
        }
      });
    } else {
      $('#teacherRoutines').html('');
    }
  });
});
</script>

@endsection