@extends('adminlte::page')

@section('title', 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.File-input', true)

@section('content')
    @include('admin.parts.info')
    <section class="content">
      <div class="container-fluid">
        <div class="row">
          <div class="col-md-3">
            <!-- Profile Image -->
            <div class="card card-primary card-outline">
              <div class="card-body box-profile">
                <div class="text-center">
                  <img class="img-fluid img-circle"
                       src="https://ui-avatars.com/api/?name={{App\Models\Level::find($course->level_id)->name." ".$course->cycle}}&background=0D8ABC&color=fff"
                       alt="User profile picture">
                </div>

                <h3 class="profile-username text-center">
                  {{App\Models\Period::find($course->period_id)->name}} <br>
                  {{App\Models\Language::find($course->language_id)->name}} -
                  {{App\Models\Level::find($course->level_id)->name}} -
                  Ciclo {{$course->cycle}} -
                  Salón {{$course->classroom}} <br>
                  @if ($course->period()->get()[0]->state === 1 && $course->state === 1)
                    <span class="badge badge-success">En proceso</span>
                  @endif
                  @if ($course->period()->get()[0]->state === 0)
                    <span class="badge badge-danger">Finalizado</span>
                  @endif
                  @if ($course->state === 0)
                    <span class="badge badge-danger">Deshabilitado</span>
                  @endif
                </h3>

                {{-- <p class="text-muted text-center">{{$course->code}}</p> --}}
                <hr>
                <p>HORARIOS</p>
                      @foreach ($course->timetables as $timetable)
                          {{$timetable->day}} - {{$timetable->time_start}} : {{$timetable->time_end}}
                      <br>
                      @endforeach
                <hr>
                <p>DOCENTE</p>
                @if (count($docentes) > 0)
                  @foreach ($docentes as $docente)
                    @can('addStudents', $course)
                    <form action="{{ route('courses.unassigned',array($course,$docente->idu)) }}" method="post" style="display: inline">
                      @csrf @method('delete')
                      <button class="btn btn-outline-danger btn-xs" onclick="return confirm('¿Está seguro que desea eliminar este docente del curso?')">
                        <i class="far fa-trash-alt"></i>
                      </button>  
                    </form>
                    @endcan
                    <a target="_blank" style="color: black;" href="{{route('teachers.show',$docente->slugu)}}"><i class="far fa-eye"></i>&nbsp;{{$docente->name}}</a>
                    <br>
                  @endforeach
                @else
                    Aun no se a asignado un docente a este curso
                @endif
                      
                <hr>
                <form action="{{ route('courses.destroy',$course)}}" method="post" style="display: inline">
                  @csrf @method('delete')
                  <button class="btn btn-danger btn-block" onclick="return confirm('¿Estás seguro de eliminar este Curso?')">Eliminar</i></button>  
                </form>
                {{-- <form action="{{ route('courses.excel')}}" method="post" style="display: inline" enctype="multipart/form-data">
                  @csrf 
                  <input type="file" name="file" id="file" >
                  <button class="btn btn-danger btn-block" >Subir archivos</i></button>  
                </form> --}}
              </div>
              <!-- /.card-body -->
            </div>
            <!-- /.card -->
            <!-- About Me Box -->
            <div class="card card-primary">
                <div class="card-header">
                <h3 class="card-title">Detalles</h3>
                </div>
                <!-- /.card-header -->
                <div class="card-body">
                <strong><i class="fas fa-calendar-alt mr-1"></i> Fecha de Creación</strong>

                <p class="text-muted">
                    {{$course->created_at}}
                </p>

                <hr>

                <strong><i class="fas fa-calendar-alt mr-1"></i> Última Modificación</strong>

                <p class="text-muted">
                    {{$course->updated_at}}
                </p>
                </div>
                <!-- /.card-body -->
            </div>
            <!-- /.card -->
          </div>
          <!-- /.col -->
          <div class="col-md-9">
              <div class="form-row">
                @can('addStudents', $course)
                <div class="form-group col-md-12 ml-auto">
                  <label for="exampleInputFile">Matricular Alumnos</label>
                  <div class="ml-auto">
                    <form method="POST" action="{{route ('courses.excel')}}" enctype="multipart/form-data">
                      @csrf
                      <div class="custom-file">
                        <input type="file" class="custom-file-input" name="file" id="file" required>
                        <input type="hidden" class="form-control" id="cursoID" name="cursoID" value="{{$course->id}}">
                        <label class="custom-file-label" for="file">Seleccionar archivo</label>
                      </div>
                      <button type="submit" class="btn btn-dark btn-block">Matricular alumnos</button>
                    </form>
                  </div>
                </div>
                @endcan
                  @if ($course->period()->get()[0]->state === 0)
                  <div class="form-group col-md-12 ml-auto">
                      <label>El periodo ya fue cerrado y no puede agregar nuevos alumnos</label>
                  </div>
                  @endif
                  @if ($course->state === 0)
                  <div class="form-group col-md-12 ml-auto">
                      <label>El curso está deshabilitado y no puede agregar nuevos alumnos</label>
                  </div>
                  @endif
                  @if ($course->period()->get()[0]->state === 1)
                  <div class="form-group col-md-12 ml-auto">
                    <div class="ml-auto">
                      @if ($course->state == 1)
                          <a onclick="return confirm('¿Estás seguro de deshabilitar este Curso?')"  href="{{route('courses.state',$course)}}" class="btn btn-success btn-block" role="button">Habilitado&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
                      @else
                          <a onclick="return confirm('¿Estás seguro de cambiar habilitar este Curso?')"  href="{{route('courses.state',$course)}}" class="btn btn-danger btn-block" role="button">Deshabilitado</a>
                      @endif
                    </div>
                  </div>
                  @endif
                  
                  
                  <div class="form-group col-md-12 ml-auto">
                  <div class="card">
                    <div class="card-body">
                      <div class="tab-content">
                              <table id="example1" class="table table-bordered table-striped">
                                  <thead>
                                      <tr>
                                        <th>ESTUDIANTE</th>
                                        <th>ESTADO</th>
                                        <th>CORREO</th>
                                        <th>DNI</th>
                                        <th>TELEFONO</th>
                                        <th>EDAD</th>
                                        <th>PROFESION</th>
                                        <th>CICLO</th>
                                        <th>MATRÍCULA</th>
                                        <th>MENSUALIDAD</th>
                                        <th>N° DE RECIBO</th>
                                        <th>LIBRO</th>
                                        <th>N° DE RECIBO</th>
                                        <th>Acciones</th>
                                      </tr>
                                  </thead>
                                  <tbody>
                                      @foreach ($alumnos as $alumno)
                                      <tr>
                                        <td>{{$alumno->nameu}}</td>
                                        @if ($alumno->stateCU == 1)
                                        <td style="text-align:center">
                                          <span class="badge badge-success">MATRICULADO</span>
                                        </td>
                                        @else
                                        <td style="text-align:center">
                                          <span class="badge badge-warning">RETIRADO</span>
                                        </td>
                                        @endif
                                        <td>{{$alumno->email}}</td>
                                        <td style="text-align:center">{{$alumno->dni}}</td>
                                        <td style="text-align:center">{{$alumno->phone}}</td>
                                        <td style="text-align:center">{{$alumno->age}}</td>
                                        <td>{{$alumno->profession}}</td>
                                        <td style="text-align:center">{{$alumno->cycleu}}</td>
                                        <td style="text-align:center">{{$alumno->enrollment}}</td>
                                        <td style="text-align:center">{{$alumno->monthlypayment}}</td>
                                        <td style="text-align:center">{{$alumno->receipt_m}}</td>
                                        <td style="text-align:center">{{$alumno->book}}</td>
                                        <td style="text-align:center">{{$alumno->receipt_b}}</td>
                                        <td>
                                          @can('addStudents', $course)
                                          <form action="{{ route('courses.unassigned',array($course,$alumno->idu)) }}" method="post" style="display: inline">
                                            @csrf @method('delete')
                                            <button class="btn btn-outline-danger btn-xs" onclick="return confirm('¿Está seguro que desea eliminar este estudiante del curso?')">
                                              <i class="far fa-trash-alt"></i>
                                            </button>  
                                          </form>
                                          @endcan
                                          <a target="_blank" href="{{route('students.course',array($alumno->slugu,$course))}}" class="btn btn-outline-info btn-xs"><i class="far fa-eye"></i></a>
                                          @can('addStudents', $course)
                                            @if ($alumno->stateCU == 1)
                                              <a onclick="return confirm('¿Está seguro que este estudiante se retiró del curso?')"  href="{{route('courses.remove',array($course,$alumno->idu))}}" class="btn btn-warning btn-xs" role="button">Retirar</a>      
                                            @endif
                                          @endcan
                                          
                                          
                                        </td>
                                      </tr>
                                      @endforeach
                                      
                                  </tbody>
      
                              </table>
                        <!-- /.tab-pane -->
                      </div>
                      <!-- /.tab-content -->
                    </div><!-- /.card-body -->
                  </div>
                  </div>
              </div>
            <!-- /.nav-tabs-custom -->
          </div>
          <!-- /.col -->
        </div>
        <!-- /.row -->
      </div><!-- /.container-fluid -->
    </section>

@stop

@section('js')
<script>
  $(function () {
    $("#example1").DataTable({
            scrollX: true,
            fixedColumns: {
              leftColumns: 1,
              rightColumns: 1
            },
              "lengthChange": false, "autoWidth": 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)');
  });

</script>
<script>
  $(function () {
    bsCustomFileInput.init();
  });
  </script>
@stop