@extends('template.main')

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

@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"><a href="{{ route('calificaciones.listar') }}" style="text-decoration: none; color: #1d2124; cursor: default;">Lista de Grupos</a></li>
                    <li class="breadcrumb-item active" aria-current="page"><i class="fas fa-list-ul"></i> Grupo {{$grupo->nombre}}</li>
                </ol>
            </nav>
            <hr>
        </div>

        <div class="col-lg-10">
            <h3 class="contexto"> <i class="fas fa-list-ul"></i> Grupo {{$grupo->nombre}}</h3>
        </div>
        <div class="col-lg-1">
            <a href="{{ route('calificaciones.listar') }}" class="btn btn-outline-dark">Regresar</a>
        </div>

        <div class="col-lg-12">
            <br>
            <table class="table">
                <thead>
                <tr>
                    <th>Alumno</th>
                    <th>Acciones</th>
                </tr>
                </thead>
                <tbody>
                @foreach($alumnos as $alumno)
                    <tr>
                        <td>{{ $alumno->apellidos }} {{ $alumno->nombre }}</td>
                        <td>
                            <a href="{{ route('calificaciones.datosAlumno',[$alumno->idalumno,$grupo->idGrupo]) }}" class="btn btn-outline-info"  title="Ver Alumno" target="_blank"><i class="fas fa-eye"></i></a>
                            <a href="{{ route('calificaciones.enviarComprobante2', [$alumno->idalumno,$grupo->idGrupo]) }}" onclick="return confirm('¿Se encuentra segur@ de enviar el comprobante de calificaciones al alumno?');" class="btn btn-outline-dark" title="Enviar comprobante al alumnos."><i class="fas fa-envelope-square"></i></a>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
            <br>
        </div>
    </div>
@endsection