{% extends "UBVPrincipalBundle::inicio.html.twig" %}

{% block contenido %}
  <div class="row">
    <div class="col-lg-12">
      <div class="portlet">
        <div class="portlet-header">
          <div class="caption">Listado de Aspirantes</div>
        </div>
        <div class="portlet-body">
          <div class="table-tools">
            <div class="row">
              <div class="col-lg-4">
                <a href="{{ path('aspirante_new') }}">
                  <button type="button" class="btn btn-red mrs"><i class="fa fa-plus"></i>&nbsp;
                    Agregar
                  </button>
                </a>
                <a href="{{ path('aspirante_new') }}">
                  <button type="button" class="btn btn-primary mrs"><i
                      class="fa fa-filter"></i>&nbsp; Filtrar Lista
                  </button>
                </a>
                <a href="{{ path('aspirante_new') }}">
                  <button type="button" class="btn btn-default mrs"><i
                      class="fa fa-print"></i>&nbsp; Imprimir
                  </button>
                </a>
              </div>
              <div class="col-lg-3 pull-right">
                <div class="form-inline pull-right">
                  
                  <div class="input-icon right">
                    <a id="prueba" href="#">
                      <i class="fa fa-search"></i>
                    </a>
                    <input id="prueba_dos" type="text" placeholder="Buscar..." class="form-control">
                  </div>

                  
                </div>
              </div>
            </div>
          </div>
          <div class="table-responsive mtl">
            <table class="table table-striped table-bordered table-hover">
              <thead>
                <tr>
                  <th class="text-center">#</th>
                  <th>Identificaci&oacute;n</th>
                  <th>Nombres y Apellidos</th>
                  <th>Programa de Formaci&oacute;n Asignado</th>
                  <th>Aldea Asignada</th>
                  <th>Tipo Aspirante</th>
                  <th>Periodo Asignado</th>
                  <th class="text-center">Acciones</th>
                </tr>
              </thead>
              <tbody>
                {% for aspirante in aspirantes %}
                  <tr>
                    <td class="text-center"><a href="{{ path('aspirante_show', { 'id': aspirante.aspiranteId }) }}">{{ loop.index  }}</a></td>
                    <td>{{ aspirante.Identificacion }}</td>
                    <td>{{ aspirante.primerNombre|capitalize }} {{ aspirante.segundoNombre|capitalize }} {{ aspirante.primerApellido|capitalize }} {{ aspirante.segundoApellido|capitalize }}</td>
                    <td>{{ aspirante.ProgramaAsignado }}</td>
                    <td>{{ aspirante.Aldea }}</td>
                    <td>{{ aspirante.aspiranteTipoDescripcion }}</td>
                    <td>{{ aspirante.Periodo }}</td>

                    <td class="text-center">
                      <a href="{{ path('fos_user_profile_show_persona', { 'id': aspirante.personaId }) }}"><span title="Mostrar" class="glyphicon text-info glyphicon-eye-open"></span></a>&nbsp;&nbsp;
                      <a href="{{ path('aspirante_edit', { 'id': aspirante.aspiranteId }) }}"><span title="Editar" class="glyphicon text-warning glyphicon-edit"></span></a>&nbsp;&nbsp;
                      <a href="{{ path('aspirante_lista_documentos_aspirante', { 'id': aspirante.aspiranteId }) }}"><span title="Verificar Documentos" class="glyphicon text-default glyphicon-folder-open"></span></a>&nbsp;&nbsp;
                      <a href="{{ path('aspirante_delete', { 'id': aspirante.aspiranteId }) }}"><span title="Borrar" class="glyphicon text-danger glyphicon-trash"></span></a>&nbsp;&nbsp;
                    </td>
                  </tr>
                  
                {% endfor %}
                  
              </tbody>
            </table>
          </div>
          <div class="tool-footer text-right"><p class="pull-left">Mostrando del 1 al 10 de 57 Registros</p>
            <ul class="pagination">
              <li><a href="#">&laquo;</a></li>
              <li><a href="#">1</a></li>
              <li><a href="#">2</a></li>
              <li><a href="#">3</a></li>
              <li><a href="#">4</a></li>
              <li><a href="#">&raquo;</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>  
  </div>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    
    <script>
      
        $(function(){
          $('#prueba').on('click', function() {
            
            var cedula = $('#prueba_dos').val();
            alert(cedula)  
            alert("has echo click en el enlace");
          });
          
        });
    </script>
{% endblock %}