@extends('template.main')

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

@section('cabecera')
    <script>
        $(document).ready(function() {
            $('#contenedor').DataTable( {
                language: {
                    "decimal": "",
                    "emptyTable": "No hay información",
                    "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"
                    }
                },
                "paging":false,

                initComplete: function () {
                    this.api().columns().every( function () {
                        var column = this;
                        var select = $('<select ><option value=""></option></select>')
                            .appendTo( $(column.footer()).empty() )
                            .on( 'change', function () {
                                var val = $.fn.dataTable.util.escapeRegex(
                                    $(this).val()
                                );

                                column
                                    .search( val ? '^'+val+'$' : '', true, false )
                                    .draw();
                            } );

                        column.data().unique().sort().each( function ( d, j ) {
                            select.append( '<option value="'+d+'">'+d+'</option>' )
                        } );
                    } );
                }
            } );
        } );
    </script>
@endsection

@section('contenido')
    <div class="row" style="margin: 5px;">
        <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"><a href="{{ route('docentes.index') }}" style="text-decoration: none; color: #1d2124; cursor: default;">Docentes</a></li>
                    <li class="breadcrumb-item"><i class="fas fa-user-tie"></i> Listado de Grupos</li>
                </ol>
            </nav>
            <hr>
        </div>
        <div class="col-lg-8">
            <h3 class="contexto"> <i class="fas fa-user-tie"></i> Docente {{$docente->nombre}} {{$docente->apellidos}}</h3>
        </div>
        <div class="col-lg-4" style="text-align: right">
            <a href="{{ route('docentes.verAsignado',$docente->id) }}" class="btn btn-info"><i class="fas fa-eye"></i> Ver Grupos Asignados</a>
            <a href="{{ route('docentes.index') }}" class="btn btn-warning"><i class="fas fa-undo"></i> Regresar</a>
        </div>
        <div class="col-lg-12">
            <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>Modalidad</th>
                    <th>Cuatrimestre</th>
                    <th>Horas Asignadas</th>
                    <th>Acciones</th>
                </tr>
                </thead>
                <tfoot style="display: table-header-group;">
                <tr>
                    <th>Grupo</th>
                    <th>Nivel Educativo</th>
                    <th>Carrera</th>
                    <th>Modalidad</th>
                    <th>Cuatrimestre</th>
                    <th>Horas Asignadas</th>
                    <th>Acciones</th>
                </tr>
                </tfoot>
                <tbody>
                @if(count($grupo) >= 1)
                    @foreach($grupo as $gr)
                        <tr>
                            <td>{{ $gr->nombre }}</td>
                            <td>{{ $gr->NivelEducativo->tipo }}</td>
                            <td>{{ $gr->Carrera->nombre }}</td>
                            <td>{{ $gr->Modalidad->modalidad}}</td>
                            <td>{{ $gr->cuatrimestre}}</td>
                            <td>
                                @php $valor=0;
                                    foreach ($horas as $hora){
                                        if($hora == $gr->idGrupo){
                                            $valor++;
                                        }
                                    }
                                @endphp
                                {{$valor}}
                            </td>
                            <td>
                                <a href="{{ route('docentes.asignarMateria',[$docente->id,$gr->idGrupo]) }}" class="btn btn-outline-info" title="Asignar Materias"><i class="far fa-id-card"></i></a>
                            </td>
                        </tr>
                    @endforeach
                @else
                    <tr>
                        <td colspan="5" align="center">No hay grupos registrados</td>
                    </tr>
                @endif
                </tbody>
            </table>
        </div>
    </div>





@endsection