@extends('template.main')

@section('titulo','Lista de Grupos')

@section('cabecera')
<script>
    $(document).ready(function () {
        $("#modalidad").change(function () {
            var modalidad = $("#modalidad").val();
            $.ajax({
                data: {"modalidad": modalidad},
                type: "GET",
                url: "{{ route('alumnos.nivel') }}",

                beforeSend: function () {
                    $('#carreraElemento').html("<center><img src=\"{{ asset('img/loading.gif') }}\" style=\"max-width: 100px\"></center>");
                },

                success: function (response) {

                    $('#carreraElemento').html(response);

                }
            });
        });

        $("#plan").change(function () {
            var plan = $("#plan").val();
            var tipoEstudio = $("#modalidad").val();
            var carrera = $("#carrera").val();
            $.ajax({
                data: {"plan": plan, "tipoEstudio": tipoEstudio, "carrera": carrera},
                type: "GET",
                url: "{{ route('alumnos.plan.generacion') }}",

                beforeSend: function () {
                    $('#salidaGeneracion').html("<center><img src=\"{{ asset('img/loading.gif') }}\" style=\"max-width: 100px\"></center>");
                },

                success: function (response) {

                    $('#salidaGeneracion').html(response);

                }
            });
            $.ajax({
                data: {"plan": plan},
                type: "GET",
                url: "{{ route('calificaciones.plan') }}",

                beforeSend: function () {
                    $('#salidaPeriodo').html("<center><img src=\"{{ asset('img/loading.gif') }}\" style=\"max-width: 100px\"></center>");
                },

                success: function (response) {

                    $('#salidaPeriodo').html(response);

                }
            });
        });
        $("#validacion").submit(function(e){
            e.preventDefault();
            $.ajax({
                data: $(this).serialize(),
                type: "POST",
                url: "{{ route('calificaciones.mostrar') }}",

                beforeSend: function () {
                    $('#respuestaCalificaciones').html("<center><img src=\"{{ asset('img/loading.gif') }}\" style=\"max-width: 100px\"></center>");
                },

                success: function (response) {

                    $('#respuestaCalificaciones').html(response);

                }
            });

        });
    });
</script>
@endsection

@section('contenido')
    <div style="margin: 5px;" class="row">
        <div class="col-lg-12">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('home') }}"><i class="fas fa-home"></i> Inicio </a></li>
                    <li class="breadcrumb-item">Calificaciones</li>
                    <li class="breadcrumb-item active" aria-current="page"><i class="fas fa-list-ul"></i> Lista de Grupos</li>
                </ol>
            </nav>
            <hr>
        </div>
        <div class="col-lg-12">
            <h3 class="contexto"> <i class="fas fa-list-ul"></i> Lista de Grupos</h3>
        </div>
        <div class="col-lg-12">
            <br>
            <table id="contenedor" style="background: #fff; font-size: 12px" class="table table-hover">
                <thead>
                <tr>
                    <th>Grupo</th>
                    <th>Nivel Educativo</th>
                    <th>Carrera</th>
                    <th>Cuatrimestre</th>
                    <th>Numero de Alumnos</th>
                    <th>Acciones</th>
                </tr>
                </thead>
                <tbody>

                @if(count($grupos) >= 1)
                    @foreach($grupos as $gr)
                        <tr>
                            <td>{{$gr->nombre}}</td>
                            <td>{{$gr->NivelEducativo->tipo}}</td>
                            <td>{{$gr->Carrera->nombre}}</td>
                            <td>{{$gr->cuatrimestre}}</td>
                            <td>@for($i=0,$j=0;$i<count($alumnosG);$i++)
                                    @if($alumnosG[$i] == $gr->idGrupo)
                                        @php $j=$j+1; @endphp
                                    @endif
                                @endfor
                                {{$j}}
                            </td>
                            <td>
                                <a href="{{ route('calificaciones.listarAlumnos',$gr->idGrupo) }}" class="btn btn-outline-info"  title="Ver Alumnos"><i class="fas fa-eye"></i></a>
                                <a href="{{ route('calificaciones.enviarComprobante', $gr->idGrupo) }}" onclick="return confirm('¿Se encuentra segur@ de enviar el comprobante de calificaciones a los alumnos?');" class="btn btn-outline-dark" title="Enviar comprobante a los alumnos."><i class="fas fa-envelope-square"></i></a>
                            </td>
                        </tr>
                    @endforeach
                @else
                    <tr>
                        <td colspan="5" align="center">No hay grupos registrados</td>
                    </tr>
                @endif
                </tbody>
            </table>
        </div>
    </div>
@endsection