@extends ('Layouts.Application')

@section ('MainContent')

<div class="row">
  <div class="col-sm-12">
    <div class="panel panel-default">
      <div class="panel-heading"><strong> Online Classes </strong></div>

      <div class="panel-body">
        <div class="table-responsive">
          <table class="table table-bordered">
            <thead>
              <tr>
                <th>Class</th>
                <th>Group</th>
                <th>Section</th>
                <th>Period</th>
                <th>Subject</th>
                <th></th>
              </tr>
            </thead>
            <tbody>
                @if (!empty($todaysClassRoutine))
                  @foreach ($todaysClassRoutine as $routine)
                    <tr>
                      <td>{{ $routine->ClassName }}</td>
                      <td>{{ $routine->GroupName }}</td>
                      <td>{{ $routine->SectionName }}</td>
                      <td>{{ $routine->Period }}</td>
                      <td>{{ $routine->SubjectName }}</td>
                      <td>
                        <a
                          href="{{ route('LoggedIn.Task.OnlineClass.initiateClassroom', ['routine_id' => $routine->id]) }}"
                          class="btn btn-success">Initiate Class
                        </a>
                      </td>
                    </tr>
                  @endforeach
                @else
                  <tr>
                      <td colspan="6"><h3 class="text-center">No routine found!</h3></td>
                  </tr>
                @endif
            </tbody>
          </table>
        </div>
      </div>
      <div id="view-classsroom-table"></div>
    </div>
  </div>
</div>

@endsection