@extends('adminlte::page')

@section('title', "Asistencias"." | ".$teacher->name ." | ".App\Models\Period::find($course->period_id)->name
                                      .' - '.App\Models\Level::find($course->level_id)->name
                                      .' - Ciclo '.$course->cycle
                                      .' - Salón '.$course->classroom
)
@section('plugins.Datatables', true)
@section('plugins.Select2', true)

@section('content')
    
    <section class="content">
      <div class="container-fluid">
        <div class="row">
          @include('admin.teachers.profile')
          <!-- /.col -->
          <div class="{{Auth::user()->hasRole('admin') ? 'col-md-9' : 'col-md-12'}}">
            <div class="form-group col-md-12">
                <section class="content">
                  <div class="container-fluid">
                    <div class="row">
                      <div class="col-lg-12 col-12">
                        <!-- small box -->
                        
                        <div class="small-box bg-info">
                          <div class="inner">
                            <h3>{{$course->name}}</h3>
                            <p>
                              {{App\Models\Language::find($course->language_id)->name}}
                              {{App\Models\Level::find($course->level_id)->name}} -
                              {{App\Models\Period::find($course->period_id)->name}} - 
                              Ciclo {{$course->cycle}} -
                              Salón {{$course->classroom}}  
                            </p>
                            <div class="row">
                              <div class="col-2">
                                <p>Horarios:</p>
                              </div>
                              <div class="col-10">
                                <ul>
                                    @foreach ($course->timetables as $timetable)
                                    <li>
                                        {{$timetable->day}} - {{$timetable->time_start}} : {{$timetable->time_end}}
                                    </li>
                                    @endforeach
                                </ul>
                              </div>
                            </div>
                          </div>
                          <div class="icon">
                            <i class="ion ion-ios-book"></i>
                          </div>
                          <a href="{{route('teachers.course',array($teacher,$course))}}" class="small-box-footer"><i class="fas fa-arrow-circle-left"></i> Regresar </a>
                        </div>
                      </div>
                    </div>
                  </div>
                </section>
              </div>
              @include('admin.parts.info')
            <div class="card">
              <div class="card-body">
                @can('addAssistance', array($teacher, $course))
                  <div class="row">
                    <a class="btn btn-block btn-primary btn-sm" href="{{route('teachers.addAssistance',array($teacher,$course))}}" role="button">Agregar Asistencia</a>
                  </div>
                @endcan
                @if ($course->period()->get()[0]->state === 0)
                <div class="form-group col-md-12 ml-auto">
                    <label>El periodo ya fue cerrado, el docente no puede agregar asistencias a este curso</label>
                </div>
                @endif
                @if ($course->state === 0)
                <div class="form-group col-md-12 ml-auto">
                    <label>El curso está deshabilitado, el docente no puede agregar asistencias a este curso</label>
                </div>
                @endif
                <br>
                <div class="tab-content">
                    <table id="example1" class="table table-bordered table-striped">
                      <thead>
                        <tr>
                          <th>Estudiante</th>
                          @foreach ($grupo as $key => $fecha)
                            @if (!is_null($grupo[$key][0]["day"]))
                            <th style="text-align:center">                            
                              {{Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $grupo[$key][0]["day"])->format('d-M-Y') }} 
                            </td> 
                            @endif
                          @endforeach
                          @can('button', $teacher)
                          <th style="text-align:center">Perfil</th>
                          @endcan
                          
                        </tr>
                      </thead>
                      
                      <tbody>
                          @foreach ($groupedAsistencias as $key => $alumnos)
                          <tr>
                              <td>{{$listaAlumnos[$key][0]["name"]}}</td>
                            @for ($i = 1; $i < count($grupo); $i++)
                              <td style="text-align:center">
                              {{
                                  App\Models\Assistance::
                                        where("course_id", "=", $course->id)
                                      ->where("user_id", "=", $listaAlumnos[$key][0]["id"])
                                      ->orderBy('day', 'asc')->get()[$i]->status
                              }}
                              </td>  
                            @endfor
                            @can('button', $teacher)
                              <td style="text-align:center"><a href="{{route('students.course',array($listaAlumnos[$key][0]["slug"],$course))}}" class="small-box-footer">Ver <i class="fas fa-arrow-circle-right"></i></a></td>
                            @endcan
                          </tr>
                          @endforeach
                          
                      </tbody>

                    </table>
                  <!-- /.tab-pane -->
                </div>
                <!-- /.tab-content -->
              </div><!-- /.card-body -->
            </div>
            <!-- /.card -->
          </div>
          <!-- /.col -->
        </div>
        <!-- /.row -->
      </div><!-- /.container-fluid -->
    </section>

@stop
@section('css')
  <!-- Ionicons -->
  <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
  {{-- <style>
    .DTFC_LeftBodyLiner{overflow-y:unset !important}
    .DTFC_RightBodyLiner{overflow-y:unset !important}
  </style> --}}
@stop

@section('js')
    <script>
      if(!!window.performance && window.performance.navigation.type === 2)
      {
          window.location.reload();
      }
        $(function () {
          $("#example1").DataTable({
            scrollX: true,
            fixedColumns: {
              leftColumns: 1,
              //rightColumns: 1
            },
            "autoWidth": false,
            "paging":   false,
            "ordering": true,
            "info":     false,
            "buttons": [
                {
                    extend: 'excel', 
                    exportOptions: {
                        columns: ':visible'
                    }
                },
                {
                    extend: 'pdf', 
                    exportOptions: {
                        columns: ':visible'
                    }
                },
                {
                    extend: 'print',
                    exportOptions: {
                        columns: ':visible'
                    },
                    text: 'Imprimir'
                },
                {
                    extend: 'colvis',
                    text: 'Columnas' 
                },
            ],
            /* columnDefs: [ 
                {
                    targets: -1,
                    visible: false
                } 
            ], */
            language: {
                "decimal": "",
                "emptyTable": "Aún no se cargaron datos",
                "info": "Mostrando _START_ a _END_ de _TOTAL_ entradas",
                "infoEmpty": "Mostrando 0 to 0 of 0 Entradas",
                "infoFiltered": "(Filtrado de _MAX_ total entradas)",
                "infoPostFix": "",
                "thousands": ",",
                "lengthMenu": "Mostrar _MENU_ entradas",
                "loadingRecords": "Cargando...",
                "processing": "Procesando...",
                "search": "Buscar:",
                "zeroRecords": "Sin resultados encontrados",
                "paginate": {
                    "first": "Primero",
                    "last": "Ultimo",
                    "next": "Siguiente",
                    "previous": "Anterior"
                }
            },
          }).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(0)');  

          $('.select2').select2()
        });
    </script>
@stop