@extends('adminlte::page')

@section('content_header')
    <h1><b>Listado de estudiante matriculados </b></h1>
    <hr>
@stop

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card card-outline card-primary">
                <div class="card-header">
                    <h3 class="card-title">Matriculaciones registrados</h3>

                    <div class="card-tools">
                        <a href="{{url('/admin/matriculaciones/create')}}" class="btn btn-primary"> Crear nuevo</a>
                    </div>
                    <!-- /.card-tools -->
                </div>
                <!-- /.card-header -->
                <div class="card-body">
                    <table id="example1" class="table table-bordered table-hover table-striped table-sm">
                        <thead>
                        <tr>
                            <th style="text-align: center">Nro</th>
                            <th style="text-align: center">Numero</th>
                            <th style="text-align: center">Estudiante</th>
                            <th style="text-align: center">CI del estudiante</th>
                            <th style="text-align: center">Gestión</th>
                            <th style="text-align: center">Nivel</th>
                            <th style="text-align: center">Periodo</th>
                            <th style="text-align: center">Carrera</th>
                            <th style="text-align: center">Acción</th>
                        </tr>
                        </thead>
                        <tbody>
                        @php
                            $contador = 1;
                        @endphp
                        @foreach($matriculaciones as $matriculacione)
                            <tr>
                                <td style="text-align: center">{{$contador++}}</td>
                                <td style="text-align: center">{{$matriculacione->numero}}</td>
                                <td>{{ $matriculacione->estudiante->apellidos.' '.$matriculacione->estudiante->nombres }}</td>
                                <td style="text-align: center">{{ $matriculacione->estudiante->ci }}</td>
                                <td style="text-align: center">{{ $matriculacione->gestion->nombre }}</td>
                                <td style="text-align: center">{{ $matriculacione->nivel->nombre }}</td>
                                <td style="text-align: center">{{ $matriculacione->periodo->nombre }}</td>
                                <td style="text-align: center">{{ $matriculacione->carrera->nombre }}</td>
                               
                                <td style="text-align: center">
                                    <div class="btn-group" role="group" aria-label="Basic example">

                                        <!-- Button trigger modal -->
                                        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal{{ $matriculacione->id }}">
                                            Asignar materias <i class="fas fa-list"></i>
                                        </button>
                                        
                                        <!-- Modal -->
                                        <div class="modal fade" id="exampleModal{{ $matriculacione->id }}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                            <div class="modal-dialog modal-xl">
                                            <div class="modal-content">
                                                <div class="modal-header" style="background-color: #17a2b8; color: white;">
                                                <h5 class="modal-title" id="exampleModalLabel">Asignación de materias</h5>
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                    <span aria-hidden="true">&times;</span>
                                                </button>
                                                </div>
                                                <div class="modal-body">
                                                    <h4>Materias registradas en la matricula</h1>
                                                    <div class="row">
                                                        <table class="table table-bordered table-hover table-striped table-sm">
                                                            <thead>
                                                                <tr>
                                                                    <th>Nro</th>
                                                                    <th>Materia</th>
                                                                    <th>Código</th>
                                                                    <th>Turno</th>
                                                                    <th>Paralelo</th>
                                                                    <th>Nota Final</th>
                                                                    <th>Acción</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                @php
                                                                    $contador = 1;
                                                                @endphp
                                                                @foreach ($asignacionMaterias as $asignacionMateria)
                                                                    @if ($asignacionMateria->matriculacion_id == $matriculacione->id)
                                                                
                                                                        <tr>
                                                                            <td>{{ $contador++ }}</td>
                                                                            <td>{{ $asignacionMateria->grupo_academico->materia->nombre }}</td>
                                                                            <td>{{ $asignacionMateria->grupo_academico->materia->codigo }}</td>
                                                                            <td>{{ $asignacionMateria->grupo_academico->turno->nombre }}</td>
                                                                            <td>{{ $asignacionMateria->grupo_academico->paralelo->nombre }}</td>
                                                                            <td>{{ $asignacionMateria->nota_final }}</td>
                                                                            <td>
                                                                                <form action="{{url('/admin/matriculaciones/asignar_materia',$asignacionMateria->id)}}" method="post"
                                                                                    onclick="preguntar1{{$asignacionMateria->id}}(event)" id="miFormulario1{{$asignacionMateria->id}}">
                                                                                     @csrf
                                                                                    @method('DELETE')
                                                                                  <button type="submit" class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></button>
                                                                                </form>
                                                                              <script>
                                                                                  function preguntar1{{$asignacionMateria->id}}(event) {
                                                                                      event.preventDefault();
                                                                                      Swal.fire({
                                                                                          title: '¿Desea eliminar esta registro?',
                                                                                          text: '',
                                                                                          icon: 'question',
                                                                                          showDenyButton: true,
                                                                                          confirmButtonText: 'Eliminar',
                                                                                          confirmButtonColor: '#a5161d',
                                                                                          denyButtonColor: '#270a0a',
                                                                                          denyButtonText: 'Cancelar',
                                                                                      }).then((result) => {
                                                                                          if (result.isConfirmed) {
                                                                                              var form = $('#miFormulario1{{$asignacionMateria->id}}');
                                                                                              form.submit();
                                                                                          }
                                                                                      });
                                                                                  }
                                                                              </script>
                                                                            </td>
                                                                        </tr>
                                                                    @endif
                                                                @endforeach
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                    <hr>
                                                    <br><br>
                                                    <hr>
                                                    <table id="example2" class="table table-bordered table-hover table-striped table-sm">
                                                        <thead>
                                                        <tr>
                                                            <th style="text-align: center">Nro</th>
                                                            <th style="text-align: center">Docente</th>
                                                            <th style="text-align: center">Gestión</th>
                                                            <th style="text-align: center">Nivel</th>
                                                            <th style="text-align: center">Periodo</th>
                                                            <th style="text-align: center">Carrera</th>
                                                            <th style="text-align: center">Materia</th>
                                                            <th style="text-align: center">Turno</th>
                                                            <th style="text-align: center">Paralelo</th>
                                                            <th style="text-align: center">Cupos</th>
                                                            <th style="text-align: center">Horarios</th>
                                                           
                                                            <th style="text-align: center">Acción</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        @php
                                                            $contador = 1;
                                                        @endphp
                                                        @foreach($gruposAcademicos as $grupos)
                                                            @if ($grupos->carrera_id == $matriculacione->carrera_id && $grupos->periodo_id == $matriculacione->periodo_id && $grupos->nivel_id == $matriculacione->nivel_id && $grupos->gestion_id == $matriculacione->gestion_id)
                                                            <tr>
                                                                <td style="text-align: center">{{$contador++}}</td>
                                                                <td>{{ $grupos->docente->apellidos.' '.$grupos->docente->nombres }}</td>
                                                                <td>{{ $grupos->gestion->nombre }}</td>
                                                                <td>{{ $grupos->nivel->nombre }}</td>
                                                                <td>{{ $grupos->periodo->nombre }}</td>
                                                                <td>{{ $grupos->carrera->nombre }}</td>
                                                                <td>{{ $grupos->materia->nombre }}</td>
                                                                <td>{{ $grupos->turno->nombre }}</td>
                                                                <td>{{ $grupos->paralelo->nombre }}</td>
                                                                <td>{{ $grupos->cupo_maximo }}</td>
                                                                <td>
                                                                    @foreach ($grupos->horarios as $horario)
                                                                        <p style="margin: 0px; padding: 0px;">{{ $horario->dia }}: {{ $horario->hora_inicio }} - {{ $horario->hora_fin }}</p>
                                                                    @endforeach
                                                                </td>
                                                                
                                                                <td style="text-align: center">
                                                                    <form action="{{ url('/admin/matriculaciones/asignar_materia/create') }}" method="POST">
                                                                        @csrf
                                                                        <input type="hidden" name="matriculacion_id" value="{{ $matriculacione->id }}">
                                                                        <input type="hidden" name="grupo_academico_id" value="{{ $grupos->id }}">
                                                                        <div class="row">
                                                                            <div class="col-md-2">
                                                                                <div class="form-group">
                                                                                    <div style="height: 34px"></div>
                                                                                    <button type="submit" class="btn btn-primary">Seleccionar</button>
                                                                                </div>
                                                                            </div>
                                                                        </div>  
                                                                    </form>
                                                                
                                                                </td>
                                                            </tr>
                                                            @endif
                                                        @endforeach
                                                        </tbody>
                                                    </table>
                                                   
                                                </div>
                                                
                                            </div>
                                            </div>
                                        </div>



                                        <a href="{{url('/admin/matriculaciones/'.$matriculacione->id.'/edit')}}" class="btn btn-success">
                                            <i class="fas fa-pencil-alt"></i> Editar</a>
                                        <form action="{{url('/admin/matriculaciones',$matriculacione->id)}}" method="post"
                                              onclick="preguntar{{$matriculacione->id}}(event)" id="miFormulario{{$matriculacione->id}}">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="btn btn-danger"><i class="fas fa-trash"></i> Borrar</button>
                                        </form>
                                        <script>
                                            function preguntar{{$matriculacione->id}}(event) {
                                                event.preventDefault();
                                                Swal.fire({
                                                    title: '¿Desea eliminar esta registro?',
                                                    text: '',
                                                    icon: 'question',
                                                    showDenyButton: true,
                                                    confirmButtonText: 'Eliminar',
                                                    confirmButtonColor: '#a5161d',
                                                    denyButtonColor: '#270a0a',
                                                    denyButtonText: 'Cancelar',
                                                }).then((result) => {
                                                    if (result.isConfirmed) {
                                                        var form = $('#miFormulario{{$matriculacione->id}}');
                                                        form.submit();
                                                    }
                                                });
                                            }
                                        </script>
                                        <a href="{{url('/admin/matriculaciones/pdf/'.$matriculacione->id)}}" class="btn btn-warning btn-sm">
                                            <i class="fas fa-print"></i> Matricula
                                        </a>
                                        <a href="{{url('/admin/matriculaciones/pdf/notas/'.$matriculacione->id)}}" class="btn btn-info btn-sm">
                                            <i class="fas fa-print"></i> Notas
                                        </a>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
                <!-- /.card-body -->
            </div>
            <!-- /.card -->
        </div>
    </div>
@stop

@section('css')
    <style>
        /* Fondo transparente y sin borde en el contenedor */
        #example1_wrapper .dt-buttons {
            background-color: transparent;
            box-shadow: none;
            border: none;
            display: flex;
            justify-content: center; /* Centrar los botones */
            gap: 10px; /* Espaciado entre botones */
            margin-bottom: 15px; /* Separar botones de la tabla */
        }

        /* Estilo personalizado para los botones */
        #example1_wrapper .btn {
            color: #fff; /* Color del texto en blanco */
            border-radius: 4px; /* Bordes redondeados */
            padding: 5px 15px; /* Espaciado interno */
            font-size: 14px; /* Tamaño de fuente */
        }

        /* Colores por tipo de botón */
        .btn-danger { background-color: #dc3545; border: none; }
        .btn-success { background-color: #28a745; border: none; }
        .btn-info { background-color: #17a2b8; border: none; }
        .btn-warning { background-color: #ffc107; color: #212529; border: none; }
        .btn-default { background-color: #6e7176; color: #212529; border: none; }
    </style>
@stop

@section('js')
    <script>
        $(function () {
            $("#example1").DataTable({
                "pageLength": 5,
                "language": {
                    "emptyTable": "No hay información",
                    "info": "Mostrando _START_ a _END_ de _TOTAL_ Matriculaciones",
                    "infoEmpty": "Mostrando 0 a 0 de 0 Matriculaciones",
                    "infoFiltered": "(Filtrado de _MAX_ total Matriculaciones)",
                    "lengthMenu": "Mostrar _MENU_ Matriculaciones",
                    "loadingRecords": "Cargando...",
                    "processing": "Procesando...",
                    "search": "Buscador:",
                    "zeroRecords": "Sin resultados encontrados",
                    "paginate": {
                        "first": "Primero",
                        "last": "Último",
                        "next": "Siguiente",
                        "previous": "Anterior"
                    }
                },
                "responsive": true,
                "lengthChange": true,
                "autoWidth": false,
                buttons: [
                    { text: '<i class="fas fa-copy"></i> COPIAR', extend: 'copy', className: 'btn btn-default' },
                    { text: '<i class="fas fa-file-pdf"></i> PDF', extend: 'pdf', className: 'btn btn-danger' },
                    { text: '<i class="fas fa-file-csv"></i> CSV', extend: 'csv', className: 'btn btn-info' },
                    { text: '<i class="fas fa-file-excel"></i> EXCEL', extend: 'excel', className: 'btn btn-success' },
                    { text: '<i class="fas fa-print"></i> IMPRIMIR', extend: 'print', className: 'btn btn-warning' }
                ]
            }).buttons().container().appendTo('#example1_wrapper .row:eq(0)');
        });


        $(function () {
            $("#example2").DataTable({
                "pageLength": 5,
                "language": {
                    "emptyTable": "No hay información",
                    "info": "Mostrando _START_ a _END_ de _TOTAL_ Grupos académicos",	
                    "infoEmpty": "Mostrando 0 a 0 de 0 Grupos académicos",
                    "infoFiltered": "(Filtrado de _MAX_ total Grupos académicos)",
                    "lengthMenu": "Mostrar _MENU_ Grupos académicos",
                    "loadingRecords": "Cargando...",
                    "processing": "Procesando...",
                    "search": "Buscador:",
                    "zeroRecords": "Sin resultados encontrados",
                    "paginate": {
                        "first": "Primero",
                        "last": "Último",
                        "next": "Siguiente",
                        "previous": "Anterior"
                    }
                },
                "responsive": true,
                "lengthChange": true,
                "autoWidth": false,
                
            }).buttons().container().appendTo('#example2_wrapper .row:eq(0)');
        });
    </script>
@stop