{% extends 'inc/base.html.twig' %}
{% block body %}
<div class="container-fluid mt-3">
<div class='row'>
    <div class="col-8 text-center">
    <h2>Educador: {{ datos_educa.id_ed }}&nbsp;-&nbsp;{{ datos_educa.ape_ed}}&nbsp;{{ datos_educa.nom_ed }}</h2>
    </div>
    <div class="col-4 text-center">
    <a class="btn btn-primary btn-sm" href="#" data-toggle="modal" data-target="#remedial" >Agregar Remediales</a>
    </div>
</div>
{% if msj_err is not empty %}
<div class="col-12 text-center">
<div class="alert alert-danger" role="alert">
    {{ msj_err }}
</div>
</div>
{% endif %}

<table id='tabla00' class="table table-striped table-hover table-sm" style="width:100%">
  <thead style="background-color: #006699;color:#FFFFFF;">
    <tr>
    <th scope="col" class="text-center">C&oacute;digo</th>
    <th scope="col">T&eacute;cnicas</th>
    <th scope="col" class="text-center">Hrs. Dictadas</th>
    <th scope="col">&nbsp;</th>
    <th scope="col">&nbsp;</th>
    </tr>
  </thead>
  <tbody>

{% for educado in educador %}
    <tr>
      <td class="text-center">{{ educado.codigo }}</td>
      <td>{{ educado.descripcion }}</td>
      <td class="text-center">{{ educado.horas }}</td>
      <td class="text-center">
{% if educado.estatus=='F' %}
<span class="badge badge-danger">Finalizado</span>
{% else %}
<span class="badge badge-success">Activo</span>
{% endif %}
    </td>
    <td class="text-center">
    <button type="button" class="btn btn-dark btn-sm" data-curso='{{ educado.codigo }}' data-toggle="modal" data-target="#ModalSabana" data-whatever="@mdo" title="Imprimir S&aacute;bana" ><i class="fa fa-print"></i></button>
    <a onclick="procesando();" class="btn btn-info btn-sm" href="{{ constant('URLROOT2') }}/educadores/evaluaciones/{{ educado.id }}" data-toggle="tooltip" data-placement="top" title="Evaluaciones">Evaluaciones</a>
<!--    <a onclick="procesando();" class="btn btn-info btn-sm" href="{{ constant('URLROOT2') }}/lms/escritorio/{{ educado.codigo }}" data-toggle="tooltip" data-placement="top" title="Evaluaciones">Clases</a>
-->    </td>
    </tr>

{% endfor %}
</tbody>
</table>
</div>




<div class="modal fade" id="remedial" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<form id="form1" name="form1" action="{{ constant('URLROOT2') }}/educadores/remediales/0" method="POST">

  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Remediales Aprendiz:</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Cerrar">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
<div class='form-row text-center'>
<div class="form-group-sm col-12 mt-2">

    <div class="input-group">
<label for="name">C&eacute;dula del Aprendiz:</label>
    <input class="form-control" tabindex="1" type="number" id="cedula" name="cedula" value="" autofocus="autofocus" required/>
    </div>

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


 <div class="modal fade" id="ModalSabana" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
    <form target="_blank" action="{{ constant('URLROOT2') }}/educadores/sabana/{{ educado.codigo }}" method="post">

        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Fecha a Imprimir</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
            <div class="form-row">
                <div class="form-group col-md-12">
                    <label for="recipient-name">Mes:</label>
                    <select data-placeholder="Seleccione Mes..." class="form-control" name="mes" tabindex="1">
                    <option value="01">Enero</option>
                    <option value="02">Febrero</option>
                    <option value="03">Marzo</option>
                    <option value="04">Abril</option>
                    <option value="05">Mayo</option>
                    <option value="06">Junio</option>
                    <option value="07">Julio</option>
                    <option value="08">Agosto</option>
                    <option value="09">Septiembre</option>
                    <option value="10">Octubre</option>
                    <option value="11">Noviembre</option>
                    <option value="12">Diciembre</option>
                </select>
                </div>
                <div class="form-group col-md-12">
{% set anio = "now"|date('Y')  %}
<label for="message-text">A&ntilde;o:</label>
<select data-placeholder="Seleccione Año..." class="form-control" id="anho" name="anho" tabindex="1">
{% for i in 0..1 %}
{% set anio1 = anio-i  %}
<option value="{{ anio1 }}">{{ anio1 }}</option>
{% endfor %}
</select>
</div>
           </div>
            <input id="id_curso" type="hidden" name="id_curso" value="">
            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-success">Aceptar</button>
                <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
            </div>

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

 <div class="modal fade" id="ModalInicio" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="exampleModalLabel">IMPORTANTE INSTRUCTOR</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
            <div class="form-row">
            <div class="form-group col-md-12">

<h5>DEBIDO A QUE SE HAN REALIZADOS ACTUALIZACIONES AL SISTEMA PARA EVITAR LOS ERRORES, USTED DEBE REALIZAR ESTE PROCEDIMIENTO EN SU EQUIPO, SOLO UNA VEZ.</h5>

<h4>LIMPIAR EL CACHE DEL NAVEGADOR</h4>

<h3>En Google Chrome</h3>

<p>Hay dos procedimientos para llegar a la misma ventana, sea utilizando el teclado &oacute; ejecutando comandos con el rat&oacute;n:</p>

<p>Si utiliza <b>EL TECLADO</b>, PULSE A LA VEZ las teclas: Ctrl  May&uacute;scula  Supr</p>
<ul>
<li>Elige el rango de tiempo. Selecciona Todo el tiempo para eliminar todo.</li>
<li>Elige qu&eacute; elementos borrar (si no estan seleccionados): cach&eacute;, cookies, historial.</li>
<li>Presiona el bot&oacute;n <b>BORRAR DATOS</b>.</li>
</ul>
<p>Si utiliza <b>EL RAT&Oacute;N</b>, realice las siguientes instrucciones:</p>
<ul>
<li>Accede al men&uacute; lateral (los tres puntos en la esquina superior derecha) y va a la secci&oacute;n Historial > Historial.</li>
<li>Selecciona la opci&oacute;n Borrar datos de navegaci&oacute;n.</li>
<li>Elige el rango de tiempo. Selecciona Todo el tiempo para eliminar todo.</li>
<li>Elige qu&eacute; elementos borrar (si no estan seleccionados): cach&eacute;, cookies, historial.</li>
<li>Presiona el bot&oacute;n <b>BORRAR DATOS</b>.</li>
</ul>
</div>
<div class="form-group col-md-12">
<img src="{{ constant('URLROOT2') }}/public/images/cache.jpg" class="img-fluid" alt="Responsive image" />

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

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

{% endblock %}
{% block javascripts %}
<script>


$(document).ready(function(){
//$("#ModalInicio").modal("show");
});



$('#ModalSabana').on('show.bs.modal', function (event) {
          var button = $(event.relatedTarget) // Botón que activó el modal
                    var id = button.data('curso') // Extraer la información de atributos de datos

                    var modal = $(this)
                //    modal.find('.modal-title').text('Modificar país: '+nombre)
                    modal.find('.modal-body #id_curso').val(id)

})
</script>
{% endblock %}
