@extends('adminlte::page')

@section('title', "Notas"." | ".$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>

            
            <div class="card">
              <div class="card-body">
                @can('addNote', array($teacher, $course))
                  <div class="row">
                    <a class="btn btn-block btn-primary btn-sm" href="{{route('teachers.addNotes',array($teacher,$course))}}" role="button">Editar Notas</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 editar las notas de 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 editar las notas de este curso</label>
                </div>
                @endif
                <br>
                <div class="tab-content">
                  <table id="example2" class="table table-bordered table-striped">
                    <thead>
                      <tr>
                        <th>Estudiante</th>
                        @for ($i = 0; $i < count($notes); $i++)
                        <th style="background: #F0F0F0;text-align:center">{{$notes[$i]->area}} - {{$notes[$i]->name}}</th>
                        @endfor
                        @foreach ($groupedNotes as $groupedNote)
                          <th style="background: #F0FFFF;text-align:center">PROMEDIO {{$groupedNote[0]->area}}</th>
                        @endforeach
                        <th style="background: #F3E88E;text-align:center">PROMEDIO FINAL</th>
                        @can('button', $teacher)
                        <th style="text-align:center">Perfil</th>
                        @endcan
                      </tr>
                    </thead>
                    <tbody>
                        @foreach ($groupedAlumnos as $key => $alumnos)
                          <tr>
                            <td>{{$listaAlumnos[$key][0]["name"]}}</td>
                                @for ($i = 0; $i < count($notes); $i++)
                                  <td style="text-align:center">
                                  {{
                                      App\Models\Notevalue::
                                          where("note_id", "=", $notes[$i]->id)
                                          ->where("user_id", "=", $listaAlumnos[$key][0]["id"])
                                          ->get()[0]->value
                                  }}
                                  </td>
                                @endfor
                                                                @foreach ($groupedNotes as $groupedNote)
                                                                                                        @for ($i = 0; $i < count($groupedNote); $i++)
                                      @if($groupedNote[$i]->user_id == $key)
                                                                              @endif
                                    @endfor
                                    <td style="text-align:center">{{$promedioNota}}</td>
                                                                                                        @endforeach
                                <td style="text-align:center">{{round(array_sum($TOTAL)/count($TOTAL))}}</td>
                            @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>
                </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 () {
          $("#example2").DataTable({
            scrollX: true,
            scrollY: 400,
            columnDefs: [{ targets: '_all', width: "100px" }],
            fixedColumns: {
              leftColumns: 1,
              //rightColumns: 1
            },
            "paging":   false,
            "ordering": true,
            "info":     false,
            "buttons": [
                  {
                      extend: 'excel',
                      exportOptions: {
                          columns: ':visible'
                      }
                  },
                  {
                      extend: 'pdf', 
                      orientation: 'landscape',
                      pageSize: 'LEGAL',
                      /*customize: function(doc) {
                        doc.styles.tableBodyEven.alignment = 'center';
                        doc.styles.tableBodyOdd.alignment = 'center'; 
                      },*/
                      exportOptions: {
                          columns: ':visible'
                      }
                  },
                  {
                      extend: 'print',
                      orientation: 'landscape',
                      pageSize: 'LEGAL',
                      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('#example2_wrapper .col-md-6:eq(0)');  

        });
    </script>
@stop