{% block content %}
{#<div id="dialog-examen" class="modal fade" role="dialog">#}

{#</div>  #}
<section class="wrapper">
        <!-- page start-->

        <div class="row">
            <div class="col-sm-12">
                <section class="panel">
                    <header class="panel-heading">
                        Examenes
                    </header>
                    <div class="panel-body">
                        <div class="adv-table editable-table ">
                            {#<div class="clearfix">#}
                            {#    <div class="btn-group">#}
                                    {#onclick="insertarExamen()"#}
                            {#        <img  class="agranda" width="40px" onmouseout="this.src='{{ asset("bundles/buroconfianzaadmin/images/NuevoPuesto.png") }}';" onmouseover="this.src='{{ asset("bundles/buroconfianzaadmin/images/NuevoPuesto2.png") }}';" src="{{ asset("bundles/buroconfianzaadmin/images/NuevoPuesto.png") }}"  onclick="insertarExamen()" >#}
                            {#    </div>#}
                            {#</div>#}
                            <div class="space15"></div>
                            
                            <div class="row">
                                <div class="col-lg-4">
                                    <br>
                                    <div class="input-group m-bot15">
                                        <div class="input-group-btn">
                                                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> Buscar por: <span class="caret"></span></button>
                                                <ul class="dropdown-menu pull-right">
                                                    <li><a href="#" onclick="buscarFiltro('nombre','text')">Nombre</a></li>
                                                    <li><a href="#" onclick="buscarFiltro('apellido','text')">Apellidos</a></li>
                                                    <li><a href="#" onclick="buscarFiltro('sexo','text')">Sexo</a></li>
                                                </ul>
                                        </div>
                                        <input type="text" class="form-control" id="input-search">
                                        <div class="input-group-btn">
                                            <button tabindex="-1" class="btn btn-default" type="button"><span class="caret"></span></button>
                                            <button tabindex="-1" class="btn btn-default" type="button"><i class="fa fa-search"></i></button>
                                        </div>
                                    </div>
                                </div>
                                <div id="table-palabras_processing" class="dataTables_processing" style="visibility: hidden;">Procesando...
                                </div>
                                <div class="col-lg-8">
                                    <div class="dataTables_paginate paging_bootstrap pagination">
                                        <ul>
                                            {% if totalrecords > 1 %}
                                                {% if numberpage - 1 != 0 %}
                                                    <li class="prev"><a href="#" onclick="paginator({{ numberpage - 1 }})" >← Atras</a></li>
                                                {% else %}
                                                    
                                                    <li class="prev disabled"><a href="#" >← Atras</a></li>
                                                {% endif %}
                                            {% endif %}
                                            
                                            {% for elem in 1..totalrecords %}
                            
                            
                                                {% if elem == numberpage %}
                                
                                                    <li class="active"><a href="#">{{ elem }}</a></li>
                                
                                                {% endif %}
                            
                            
                                            {% endfor %}
                                            
                                            {% if numberpage != totalrecords %}
                                               <li class="next"><a href="#" onclick="paginator({{ numberpage + 1 }})">Siguiente → </a></li>
                                            {% endif %}
    
                                            
                                        </ul>
                                    </div>
                                </div>
                                 
                            </div>
                             <div class="table-responsive">
                            <table style="position:relative;" class="table table-hover" id="table-examen">
                                <thead>
                                <tr>
                                    <th>
                                        NOMBRE Y APELLIDOS
                                    </th>
                                    <th>
                                        SEXO
                                    </th>
                                    <th>
                                        EDAD
                                    </th>
                                    <th>
                                        GRADO ACADEMICO
                                    </th>
                                    <th>
                                        # HIJOS
                                    </th>
                                    <th>
                                        ESTUDIOS INCONCLUSOS
                                    </th>
                                    <th>
                                        ESTADO CIVIL
                                    </th>
                                    <th>
                                        RECOMENDABLE
                                    </th>
                                    <th>
                                        FECHA NACIMIENTO
                                    </th>
                                    <th>
                                        AÑO REALIZADO
                                    </th>
                                    <th>
                                        TIPO EXAMEN
                                    </th>
                                </tr>
                                </thead>
                                <tbody>
                                {% for i, item in data %}
                                    <tr id="fila-{{ item.id_examenNuevoIngreso }}">
                                        <td>
                                            {{ item.nombre }} {{ item.apellido }}
                                        </td>
                                        <td>
                                            {{ item.sexo }}
                                        </td>
                                        <td>
                                            {{ item.edad }}
                                        </td>
                                         <td>
                                            {{ item.gradoAcademico }}
                                        </td>
                                         <td>
                                            {{ item.numeroHijos }}
                                        </td>
                                         <td>
                                            {{ item.estudioInc }}
                                        </td>
                                         <td>
                                            {{ item.estadoCivil }}
                                        </td>
                                         <td>
                                            {{ item.recomendable }}
                                        </td>
                                         <td>
                                            {{ item.fechaNacimiento }}
                                        </td>
                                         <td>
                                            {{ item.anoRealizado }}
                                        </td>
                                         <td>
                                            {{ item.tipoExamen }}
                                        </td>
                                    </tr>
                                {% endfor %}
                                </tbody>
                                </table>
                                </div>
                        </div>
                        <div class="row">
                            
                            <div class="col-lg-6">
                                <div class="dataTables_info" id="table-palabras_info">Mostrando {{ init }} a {{ totalfound }} de {{ totalrecords }} registros</div>
                            </div>
                            <div class="col-lg-6">
                                <div class="dataTables_paginate paging_bootstrap pagination">
                                    <ul>
                                        {% if totalrecords > 1 %}
                                            {% if numberpage - 1 != 0 %}
                                                <li class="prev"><a href="#" onclick="paginator({{ numberpage - 1 }})" >← Atras</a></li>
                                            {% else %}
                                                
                                                <li class="prev disabled"><a href="#" >← Atras</a></li>
                                            {% endif %}
                                        {% endif %}
                                        
                                        {% for elem in 1..totalrecords %}
                        
                        
                                            {% if elem == numberpage %}
                            
                                                <li class="active"><a href="#">{{ elem }}</a></li>
                            
                                            {% endif %}
                        
                        
                                        {% endfor %}
                                        
                                        {% if numberpage != totalrecords %}
                                           <li class="next"><a href="#" onclick="paginator({{ numberpage + 1 }})">Siguiente → </a></li>
                                        {% endif %}

                                        
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
        <!-- page end-->
</section>
{% endblock %}