{% extends 'inc/base.html.twig' %}
{% block body %}
<div class="container-fluid">
<div class="row">
<div class="col-lg-12 col-md-6">
<h3>Educador: {{ datos_educa.ced_ed }}&nbsp;-&nbsp;{{ datos_educa.ape_ed}}&nbsp;{{ datos_educa.nom_ed }}</h3>
<strong style="font-size: larger">Curso:&nbsp;{{ datos_educa.id_curso }} </strong>
<a href="{{ constant('URLROOT2') }}/educadores/escritorio/{{ datos_educa.id_asiste }}" class="btn btn-danger pull-right"><i class="fa fa-backward"></i> Regresar</a>
</div>
</div>

<div class="row">
<div class="col-lg-12 col-md-6">
<hr style="width: 100%; height: 4px; background-color: #006699">
</div>
</div>

<div class="row">
<div class="col-lg-10 col-md-6">
<h1 class="text-primary">.:: ESTUDIANTES ::.</h1>
<div class="col-md-12 mt-3">
    <input id="id_Educa" type="hidden" name="id_Educa" value="{{ datos_educa.ced_ed }}">
    <input id="id_Curso" type="hidden" name="id_Curso" value="{{ datos_educa.id_curso }}">
<table class="table table-striped table-hover table-sm">
<thead>
        <tr class="d-flex" style="background-color: #003366;color:#FFFFFF;">
            <td class='col-sm-1 text-center'>C&Eacute;DULA</td>
            <td class='col-sm-5 text-left'>ESTUDIANTES</td>
            <td class='col-sm-1 text-center'>CELULAR</td>
            <td class='col-sm-3 text-center'>CORREO</td>
            <td class='col-sm-2 text-center'>&nbsp;</td>
        </tr>
</thead>
<tbody>
{% set nro=0 %}
{% for estudiante in estudiantes %}
        <tr class="d-flex">
            <td class='col-sm-1 text-center'>{{ estudiante.cedula }}</td>
            <td class='col-sm-5 text-left'>{{ estudiante.apellidos }}&nbsp;{{ estudiante.nombres }}</td>
            <td class='col-sm-1 text-center'>({{ estudiante.cod_tlfc }}){{ estudiante.tlfc }}</td>
            <td class='col-sm-3 text-center'>{{ estudiante.email }}</td>
            <td class='col-sm-2 text-center'>
            <a href="" class="xbutton btn btn-warning btn-sm" data-id="{{ estudiante.cedula }}" data-token="" data-ruta="{{ constant('URLROOT2') }}/lms/EduEstudianteBuscar/{{ estudiante.cedula }}" data-toggle="tooltip" data-placement="top" title="Editar Estudiante"><i class="fa fa-edit"></i></a>
            <a href="" class="button btn btn-danger btn-sm" data-id="{{ actividad.id }}" data-token="" data-ruta="{{ constant('URLROOT2') }}/lms/EduEstudiantesDel/{{ estudiante.cedula }}"  data-toggle="tooltip" data-placement="top" title="Baja del Curso:&nbsp;{{ estudiante.cedula }}"><i class="fas fa-user-times"></i></a>

<!--            <a onclick="procesando();" class="btn btn-success btn-sm" href="{{ constant('URLROOT2') }}/lms/EduInstrumentoIr/{{ actividad.id }}" data-toggle="tooltip" data-placement="top" title="Generar Instrumento"><i class="fa fa-plus"></i></a>
            <a target="_blank" class="btn btn-dark btn-sm" href="{{ constant('URLROOT2') }}/lms/cuestionario_ver/{{ actividad.id }}" data-toggle="tooltip" data-placement="top" title="Vista Instrumento"><i class="fa fa-print"></i></a>
-->
            </td>
        </tr>
{% set nro=nro+1 %}
{% endfor %}
</tbody>
</table>
<span>No. Registros:&nbsp;{{ nro }}</span>


</div>
</div>
<div class="col-lg-2 col-md-6">
<br>
    <div class="col-lg-12 col-md-6 mt-5">
    <a href="#" data-toggle="modal" data-target="#EstNvo" >
    <div class="card">
    <h6 class="card-header text-white text-center" style="background-color: #007AB8" >Nuevo Estudiante</h6>
    <div class="card-body text-center" style="background-color: #003366">
    <i class="fas fa-user-plus fa-2x text-white"></i>
    </div>
    </div>
    </a>
    </div>
<br>
    <div class="col-lg-12 col-md-6">
    <a href="#" data-toggle="modal" data-target="#TransAct" >
    <div class="card">
    <h6 class="card-header text-white text-center" style="background-color: #007AB8" >Importar Estudiante</h6>
    <div class="card-body text-center" style="background-color: #003366">
    <i class="fas fa-user-tag fa-2x text-white"></i>
    </div>
    </div>
    </a>
    </div>

</div>
</div>
</div>

<div class="modal fade" id="EstNvo" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
    <form action="{{ constant('URLROOT2') }}/lms/EduInstrumentoGuardar" method="post">
    <input id="id_Educa" type="hidden" name="id_Educa" value="{{ datos_educa.ced_ed }}">
    <input id="id_Curso" type="hidden" name="id_Curso" value="{{ datos_educa.id_curso }}">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Nuevo Estudiante</h5>
            </div>
            <div class="modal-body">
            <label><b>No. C&eacute;dula de Identidad:</b></label>
            <input class="form-control" tabindex="3" type="number" id="cedulax" name="cedula" placeholder="No. C&eacute;dula de Identidad" required />
            <label><b>Apellidos:</b></label>
            <input class="form-control" tabindex="3" type="text" id="apellidosx" name="apellidos" placeholder="Apellidos" required />
            <label><b>Nombres:</b></label>
            <input class="form-control" tabindex="3" type="text" id="nombresx" name="nombres" placeholder="Nombres" required />
            <label><b>Tel&eacute;fono Celular:</b></label>
            <select class="form-control" id="codigox" name="codigo" size="1">
            <option value="0416">0416</option>
            <option value="0426">0426</option>
            <option value="0414">0414</option>
            <option value="0424">0424</option>
            <option value="0412">0412</option>
            </select>
            <input class="form-control" tabindex="3" type="number" id="celularx" name="celular" min=0 placeholder="Celular" required />
            <label><b>Correo Electr&oacute;nico:</b></label>
            <input class="form-control" tabindex="3" type="mail" id="correox" name="correo" placeholder="Correo Electr&oacute;nico" required />

            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-success">Guardar Registro</button>
                <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
            </div>

        </div>
    </form>
    </div>
</div>

<div class="modal fade" id="EstEditar" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
    <form action="{{ constant('URLROOT2') }}/lms/EduEstudianteEditar" method="post">
    <input id="id_Curso" type="hidden" name="id_Curso" value="{{ datos_educa.id_curso }}">
    <input id="id_Inst" type="hidden" name="id_Inst" value="">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Actualizar Estudiante</h5>
            </div>
            <div class="modal-body">
            <label><b>No. C&eacute;dula de Identidad:</b></label>
            <input class="form-control" tabindex="3" type="text" id="cedulaxx" placeholder="No. C&eacute;dula de Identidad" disabled />
            <input type="text" id="cedula" name="cedula" />

            <label><b>Apellidos:</b></label>
            <input class="form-control" tabindex="3" type="text" id="apellidos" name="apellidos" placeholder="Apellidos" required />
            <label><b>Nombres:</b></label>
            <input class="form-control" tabindex="3" type="text" id="nombres" name="nombres" placeholder="Nombres" required />
            <label><b>Tel&eacute;fono Celular:</b></label>
            <select class="form-control" id="codigo" name="codigo" size="1">
            <option value="0416">0416</option>
            <option value="0426">0426</option>
            <option value="0414">0414</option>
            <option value="0424">0424</option>
            <option value="0412">0412</option>
            </select>
            <input class="form-control" tabindex="3" type="number" id="celular" name="celular" min=0 placeholder="Celular" required />
            <label><b>Correo Electr&oacute;nico:</b></label>
            <input class="form-control" tabindex="3" type="mail" id="correo" name="correo" placeholder="Correo Electr&oacute;nico" required />


            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-success">Actualizar Registro</button>
                <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
            </div>

        </div>
    </form>
    </div>
</div>
{% endblock %}

{% block javascripts %}
<script type="text/javascript">
$(document).on('click', '.xbutton', function (e) {
        e.preventDefault();
        var id = $(this).data('id');
        var token = $(this).data('token');
        var ruta = $(this).data('ruta');
//        alert(ruta);
       	$.ajax({
        url: ruta,
        type: "POST",
        cache: false,
        data: {id:id,_method: 'delete', token :token},
        success: function(dataa){
            alert(dataa);
            var datos = JSON.parse(dataa);
            document.getElementById('cedula').value=datos.cedula;
            document.getElementById('cedulaxx').value=datos.cedula;
            document.getElementById('apellidos').value=datos.apellidos;
            document.getElementById('nombres').value=datos.nombres;
            document.getElementById('codigo').value=datos.cod_tlfc;
            document.getElementById('celular').value=datos.tlfc;
            document.getElementById('correo').value=datos.email;
            $("#EstEditar").modal();
        //    document.getElementById('fecha_0').value=datos.puntos;
        }
        });
        return false;
});

</script>
{% endblock %}
