@extends('template.main')

@section('titulo','Listado Alumnos Examen Unico')

@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 class="form-control"><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">
        <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 active" aria-current="page"><i class="fas fa-user-graduate"></i> Listado Alumnos Examen Único</li>
                </ol>
            </nav>
            <hr>
        </div>
        <div class="col-lg-8">
            <h3 class="contexto"> <i class="fas fa-user-circle"></i> Listado Alumnos de Examen único</h3>
        </div>
        <div class="col-lg-4">
            <a href="{{ route('only') }}" class="btn btn-success"><i class="fas fa-plus"></i> Agregar Alumno Examen único</a>
        </div>
        <div class="col-lg-12">
            <table id="contenedor" style="background: #fff;" class="table table-hover">
                <thead>
                <tr>
                    <th>Fecha de Registro</th>
                    <th>Nombre</th>
                    <th>Curp</th>
                    <th>Correo</th>
                    <th>Telefono Celular</th>
                    <th>Fecha de Presentación</th>
                    <th>Acciones</th>
                </tr>
                </thead>
                <tfoot style="display: table-header-group;">
                <tr>
                    <th>Fecha de Registro</th>
                    <th>Nombre</th>
                    <th>Curp</th>
                    <th>Correo</th>
                    <th>Telefono Celular</th>
                    <th>Fecha de Presentación</th>
                    <th>Acciones</th>
                </tr>
                </tfoot>
                <tbody>
                @if(count($examenunico) >= 1)
                    @foreach($examenunico as $eu)
                        <tr>
                            <td>{{ $eu->fechaPresentacion }}</td>
                            <td>{{ $eu->nombre }} {{ $eu->aPaterno }} {{ $eu->aMaterno }}</td>
                            <td>{{ $eu->curp}}</td>
                            <td>{{ $eu->email }}</td>
                            <td>{{ $eu->telCelular }}</td>
                            <td>{{ $eu->fechaPresentacion }}</td>
                            <td><a href="{{ route('Examens.eliminar',$eu->id) }}" class="btn btn-outline-danger" onclick="return eliminar();" title="Eliminar Alumno"><i class="fas fa-trash-alt"></i></a>
                                <a href="" data-bs-toggle="modal" data-bs-target="#miModal_{{ $eu->id }}" class="btn btn-warning" title="Editar Alumno"><i class="fas fa-edit"></i></a>
                                <a href="" data-bs-toggle="modal" data-bs-target="#miModal1_{{ $eu->id }}" class="btn btn-info" title="Ver Datos Del Alumno"><i class="fas fa-eye"></i></a>
                                <a href="{{route('pdf', $eu->id)}}" class="btn btn-outline-info" title="Generar PDF"><i class="fas fa-file-pdf"></i></a></td>
                        </tr>
                    @endforeach
                @else
                    <tr>
                        <td colspan="5" align="center">No hay alumnos registrados</td>
                    </tr>
                @endif
                </tbody>
            </table>
        </div>
    </div>

    @foreach($examenunico as $eu)
        <div class="modal fade" id="miModal_{{ $eu->id }}" tabindex="-100" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header" style="background: #000; color: #fff;">
                        <h4 class="modal-title" id="myModalLabel">Editar al Alumno: {{ $eu->nombre }} {{ $eu->aPaterno }} {{ $eu->aMaterno }}</h4>
                    </div>
                    <div class="modal-body">
                        <form method="post" action="{{ route('listadoexamen.update', $eu->id) }}" onsubmit="return confirmar()" enctype="multipart/form-data">
                        @csrf

                        <label>Fecha de Registro</label>
                            <input type="date" name="fechaRegistro" class="form-control" value="{{ $eu->fechaRegistro }}" required>
                            <label>Nivel Academico</label>
                            <input type="text" name="nivelAcademico" class="form-control" value="{{ $eu->nivelAcademico }}" required>
                            <label>Municipio</label>
                            <input type="text" name="municipio" class="form-control" value="{{ $eu->municipio }}" required>
                            <label>Fecha de Presentación</label>
                            <input type="date" name="fechaPresentacion" class="form-control" value="{{ $eu->fechaPresentacion }}" required>
                            <br>
                            <center><h5>Nombre del Alumno</h5></center>
                            <br>
                            <label>Apellido Paterno</label>
                            <input type="text" name="aPaterno" class="form-control" value="{{ $eu->aPaterno }}" required>
                            <label>Apellido Materno</label>
                            <input type="text" name="aMaterno" class="form-control" value="{{ $eu->aMaterno }}" required
                            <label>Nombre</label>
                            <input type="text" name="nombre" class="form-control" value="{{ $eu->nombre }}" required>
                            <br>
                            <center><h5>Datos Escolares</h5></center>
                            <br>
                            <label>Edad</label>
                            <input type="text" name="edad" class="form-control" value="{{ $eu->edad }}" required>
                            <label>Curp</label>
                            <input type="text" name="curp" class="form-control" value="{{ $eu->curp }}" required>
                            <label>Sexo</label>
                            <select name="sexo" class="form-control">
                                    <option value="1">Masculino</option>
                                    <option value="2">Femenino</option>
                                </select>
                            <label>Fecha de Nacimiento</label>
                            <input type="date" name="fechaNacimiento" class="form-control" value="{{ $eu->fechaNacimiento }}" required>
                            <label>Lugar de Nacimiento</label>
                            <input type="text" name="lugarNacimiento" class="form-control" value="{{ $eu->lugarNacimiento }}" required>
                            <br>
                            <center><h5>Instituto de Procedencia</h5></center>
                            <br>
                            <label>Escuela Donde Realizo Esudios del Nivel Inmediato Anterior</label>
                            <input type="text" name="escuelAnterior" class="form-control" value="{{ $eu->escuelAnterior }}" required>
                            <label>Ubicacion de la Institución</label>
                            <input type="text" name="ubicacion" class="form-control" value="{{ $eu->ubicacion }}" required>
                            <label>Entidad</label>
                            <input type="text" name="entidad" class="form-control" value="{{ $eu->entidad }}" required>
                            <label>Municipio</label>
                            <input type="text" name="municipioProcedencia" class="form-control" value="{{ $eu->municipioProcedencia }}" required>
                            <label>Localidad</label>
                            <input type="text" name="localidad" class="form-control" value="{{ $eu->localidad }}" required>
                            <br>
                            <center><h5>Ultimos Estudios ncompletos</h5></center>
                            <br>
                            <label>Tiene Estudios Incompletos</label>
                            <input type="text" name="estudiosIncompletos" class="form-control" value="{{ $eu->estudiosIncompletos }}" required>
                            <label>Nombre de la Institución</label>
                            <input type="text" name="nombreInstitucion" class="form-control" value="{{ $eu->nombreInstitucion }}" required>
                            <label>Ubicacion Institución</label>
                            <input type="text" name="ubicacionInstitucion" class="form-control" value="{{ $eu->ubicacionInstitucion }}" required>
                            <label>Entidad</label>
                            <input type="text" name="entidadInstitucion" class="form-control" value="{{ $eu->entidadInstitucion }}" required>
                            <label>Municipio</label>
                            <input type="text" name="municipioInstitucion" class="form-control" value="{{ $eu->municipioInstitucion }}" required>
                            <label>Localidad</label>
                            <input type="text" name="localidadInstitucion" class="form-control" value="{{ $eu->localidadInstitucion }}" required>
                            <br>
                            <center><h5>Datos Generales</h5></center>
                            <br>
                            <label>Nacionalidad</label>
                            <input type="text" name="nacionalidad" class="form-control" value="{{ $eu->nacionalidad }}" required>
                            <label>Estado de Origen</label>
                            <input type="text" name="estadOrigen" class="form-control" value="{{ $eu->estadOrigen }}" required>
                            <label>Estado Civil</label>
                            <select name="estadoCivil" class="form-control">
                                @foreach($estados as $est)
                                    @if($est->id == $est->idEstadoCivil)
                                        <option value="{{ $est->id }}" selected>{{ $est->estadoCivil }}</option>
                                    @else
                                        <option value="{{ $est->id }}">{{ $est->estadoCivil }}</option>
                                    @endif
                                @endforeach
                            </select>
                            <label>Ocupación</label>
                            <input type="text" name="ocupacion" class="form-control" value="{{ $eu->ocupacion }}" required>
                            <label>Dirección</label>
                            <input type="text" name="direccionGeneral" class="form-control" value="{{ $eu->direccionGeneral }}" required>
                            <label>Colonia</label>
                            <input type="text" name="coloniaGeneral" class="form-control" value="{{ $eu->coloniaGeneral }}" required>
                            <label>Codigo Postal</label>
                            <input type="number" name="cPostal" class="form-control" value="{{ $eu->cPostal }}" required>
                            <label>Estado</label>
                            <input type="text" name="estadoGeneral" class="form-control" value="{{ $eu->estadoGeneral }}" required>
                            <label>Municipio</label>
                            <input type="text" name="municipioGeneral" class="form-control" value="{{ $eu->municipioGeneral }}" required>
                            <label>Localidad</label>
                            <input type="text" name="localidadGeneral" class="form-control" value="{{ $eu->localidadGeneral }}" required>
                            <label>Telefono de Casa</label>
                            <input type="text" name="telCasa" class="form-control" value="{{ $eu->telCasa }}" required>
                            <label>Telefono de Celular</label>
                            <input type="text" name="telCelular" class="form-control" value="{{ $eu->telCelular }}" required>
                            <label>Correo Electronico</label>
                            <input type="text" name="email" class="form-control" value="{{ $eu->email }}" required>
                            <br>
                            <center><h5>Datos Laborales</h5></center>
                            <br>
                            <label>Institución o Empresa Donde Trabaja</label>
                            <input type="text" name="empresa" class="form-control" value="{{ $eu->empresa }}" required>
                            <label>Actividad que Desempeña</label>
                            <input type="text" name="actividad" class="form-control" value="{{ $eu->actividad }}" required>
                            <label>Domicilio</label>
                            <input type="text" name="domicilioLaboral" class="form-control" value="{{ $eu->domicilioLaboral }}" required>
                            <label>Estado</label>
                            <input type="text" name="estadoLaboral" class="form-control" value="{{ $eu->estadoLaboral }}" required>
                            <label>Municipio</label>
                            <input type="text" name="municipioLaboral" class="form-control" value="{{ $eu->municipioLaboral }}" required>
                            <label>Localidad</label>
                            <input type="text" name="localidadLaboral" class="form-control" value="{{ $eu->localidadLaboral }}" required>
                            <label>Telefono</label>
                            <input type="text" name="telefonoLaboral" class="form-control" value="{{ $eu->telefonoLaboral }}" required>
                            <label>Correo Electronico</label>
                            <input type="text" name="emailLaboral" class="form-control" value="{{ $eu->emailLaboral }}" required>
                            <br>
                            <button type="submit" class="btn btn-outline-info"><i class="fa fa-floppy-o"></i> Guardar</button>
                        </form>
                    </div>
                    <div class="modal-footer" style="background: #000; color: #fff;">
                        <center><button type="button" class="btn btn-outline-primary" data-bs-dismiss="modal" aria-label="Close">
                                <i class="fa fa-times"></i>Cerrar</button></center>
                    </div>
                </div>
            </div>
        </div>
    @endforeach

    @foreach($examenunico as $eu)
        <div class="modal fade" id="miModal1_{{ $eu->id }}" tabindex="-100" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header" style="background: #000; color: #fff;">
                        <h4 class="modal-title" id="myModalLabel">Alumno: {{ $eu->nombre }} {{ $eu->aPaterno }} {{ $eu->aMaterno }}</h4>
                    </div>
                    <div class="modal-body">
                        <h6>Fecha de Registro:</h6>
                        <p>{{ "$eu->fechaRegistro" }}</p>
                        <h6>NIvel Academico:</h6>
                        <p>{{ "$eu->nivelAcademico" }}</p>
                        <h6>Municipio:</h6>
                        <p>{{ "$eu->municipio" }}</p>
                        <h6>Fecha de Presentación:</h6>
                        <p>{{ "$eu->fechaPresentacion" }}</p>
                        <center><h5>Nombre del Alumno</h5></center>
                        <br>
                        <h6>Apellido Paterno:</h6>
                        <p>{{ "$eu->aPaterno" }}</p>
                        <h6>Apellido Materno:</h6>
                        <p>{{ "$eu->aMaterno" }}</p>
                        <h6>Nombre:</h6>
                        <p>{{ "$eu->nombre" }}</p>
                        <center><h5>Datos Escolares</h5></center>
                        <br>
                        <h6>Edad:</h6>
                        <p>{{ "$eu->edad" }}</p>
                        <h6>Curp:</h6>
                        <p>{{ "$eu->curp" }}</p>
                        <h6>Sexo:</h6>
                        <p>{{ "$eu->sexo" }}</p>
                        <h6>Fecha de Nacimiento:</h6>
                        <p>{{ "$eu->fechaNacimiento" }}</p>
                        <h6>Lugar de Nacimiento:</h6>
                        <p>{{ "$eu->lugarNacimiento" }}</p>
                        <center><h5>Instituto de Procedencia</h5></center>
                        <br>
                        <h6>Escuela Donde Realizo Esudios del Nivel Inmediato Anterior:</h6>
                        <p>{{ "$eu->escuelAnterior" }}</p>
                        <h6>Ubicación de la Institución:</h6>
                        <p>{{ "$eu->ubicacion" }}</p>
                        <h6>Entidad:</h6>
                        <p>{{ "$eu->entidad" }}</p>
                        <h6>Municipio:</h6>
                        <p>{{ "$eu->municipioProcedencia" }}</p>
                        <h6>Localidad:</h6>
                        <p>{{ "$eu->localidad" }}</p>
                        <center><h5>Ultimos Estudios Incompletos</h5></center>
                        <br>
                        <h6>Tiene Estudios Incompletos:</h6>
                        <p>{{ "$eu->estudiosIncompletos" }}</p>
                        <h6>Nombre de la Institución:</h6>
                        <p>{{ "$eu->nombreInstitucion" }}</p>
                        <h6>Ubicación de la Institución:</h6>
                        <p>{{ "$eu->ubicacionInstitucion" }}</p>
                        <h6>Entidad:</h6>
                        <p>{{ "$eu->entidadInstitucion" }}</p>
                        <h6>Municipio:</h6>
                        <p>{{ "$eu->municipioInstitucion" }}</p>
                        <h6>Localidad Institución:</h6>
                        <p>{{ "$eu->localidadInstitucion" }}</p>
                        <center><h5>Datos Generales</h5></center>
                        <br>
                        <h6>Nacionalidad:</h6>
                        <p>{{ "$eu->nacionalidad" }}</p>
                        <h6>Estado de Origen:</h6>
                        <p>{{ "$eu->estadOrigen" }}</p>
                        <h6>Estado Civil:</h6>
                        <p>{{ $eu->EstadoCivil->estadoCivil }}</p>
                        <h6>Ocupación:</h6>
                        <p>{{ "$eu->ocupacion" }}</p>
                        <h6>Dirección:</h6>
                        <p>{{ "$eu->direccionGeneral" }}</p>
                        <h6>Colonia:</h6>
                        <p>{{ "$eu->coloniaGeneral" }}</p>
                        <h6>Codigo Postal:</h6>
                        <p>{{ "$eu->cPostal" }}</p>
                        <h6>Estado:</h6>
                        <p>{{ "$eu->estadoGeneral" }}</p>
                        <h6>Municipio:</h6>
                        <p>{{ "$eu->municipioGeneral" }}</p>
                        <h6>Localidad:</h6>
                        <p>{{ "$eu->localidadGeneral" }}</p>
                        <h6>Telefono de Casa:</h6>
                        <p>{{ "$eu->telCasa" }}</p>
                        <h6>Telefono Celular:</h6>
                        <p>{{ "$eu->telCelular" }}</p>
                        <h6>Correo Electronico:</h6>
                        <p>{{ "$eu->email" }}</p>
                        <center><h5>Datos Laborales</h5></center>
                        <br>
                        <h6>Institución o Empresa Donde Trabaja:</h6>
                        <p>{{ "$eu->empresa" }}</p>
                        <h6>Actividad que Desempeña:</h6>
                        <p>{{ "$eu->actividad" }}</p>
                        <h6>Domicilio:</h6>
                        <p>{{ "$eu->domicilioLaboral" }}</p>
                        <h6>Estado:</h6>
                        <p>{{ "$eu->estadoLaboral" }}</p>
                        <h6>Municipio:</h6>
                        <p>{{ "$eu->municipioLaboral" }}</p>
                        <h6>Localidad:</h6>
                        <p>{{ "$eu->localidadLaboral" }}</p>
                        <h6>Telefono:</h6>
                        <p>{{ "$eu->telefonoLaboral" }}</p>
                        <h6>Correo Electronico:</h6>
                        <p>{{ "$eu->emailLaboral" }}</p>
                    </div>
                        <div class="modal-footer" style="background: #000; color: #fff;">
                            <center><button type="button" class="btn btn-outline-primary" data-bs-dismiss="modal" aria-label="Close">
                                    <i class="fa fa-times"></i>Cerrar</button></center>
                    </div>
                </div>
            </div>
        </div>
    @endforeach
@endsection