{% extends 'base.html.twig' %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css">
{% endblock %}

{% block javascripts_base %}
{#     <script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script> #}
{% endblock %}

{% block js_document_ready %}
    
    $('#datatable').dataTable({
        "filter" : false,
        "language": {
            "url": "//cdn.datatables.net/plug-ins/1.10.16/i18n/Spanish.json"
        },
        "aLengthMenu": "",
        bAutoWidth: false
    });
    $('.modal1').modal();
    $('select').formSelect();

{% endblock %}


{% block breadcrumb %}
    <ol class="breadcrumbs">
        {# <li><a href="#">Inicio</a></li> #}
        <li><a class="active">Listado de Registros Escuela</a></li>
    </ol>
{% endblock %}

{% block titulo_body %}
    <i class="material-icons medium left identidad-color-text">list</i>
    <h4 style="margin-top: 12px;">Lista de Registros Escuela</h4>
{% endblock %}


{% block body %}

    <div class="card">
        <div class="card-content">
            <div class="row">
                {{ form_start(form) }}
                    <div class="input-field col s12 m6 l4">
                        {{ form_widget(form.textoBusqueda) }}
                        {{ form_label(form.textoBusqueda) }}
                    </div>
                    <div class="input-field col s12 m2 l2">
                        {{ form_label(form.dni) }}
                        {{ form_widget(form.dni) }}
                    </div>
                    <div class="input-field col s12 m2 l2">
                        {{ form_label(form.estado) }}
                        {{ form_widget(form.estado) }}
                    </div>
                    <div class="input-field col m2 s12 l2">
                        <button id="boton" class="btn identidad-color darken-2 waves-effect waves-light col s12" type="submit" >Buscar<i class="material-icons right">search</i></button>
                    </div>
                {{ form_end(form) }}
            </div>
        </div>
    </div>
<br>
      <table id="datatable">
          <thead>
            <tr>
                <th>Nombre y Apellido</th>
                <th>DNI</th>
                <th>Fecha Registro</th>
                <th>Estado</th>
                <th>Acciones</th>
          </tr>
        </thead>

        <tbody>      
          {% for registroEscuela in registrosEscuela %}
            <tr>
                <td>{{ "#{registroEscuela.registroAspirante.nombres|title} #{registroEscuela.registroAspirante.apellidos|title}" }}</td>
                <td>
                    {{ registroEscuela.registroAspirante.dni }} 
                </td>
                <td>
                    {{ registroEscuela.registroAspirante.aceptaReglamento ? registroEscuela.registroAspirante.aceptaReglamento|date('d/m/Y - H:i') : '' }} 
                </td>
                <td>
                    <span class="badge {{ constant('App\\Entity\\Sso\\Registro\\RegistroAspirante::VIEW_ESTADO')[registroEscuela.registroAspirante.estado]['show_class'] }}" >
                        {{ constant('App\\Entity\\Sso\\Registro\\RegistroAspirante::VIEW_ESTADO')[registroEscuela.registroAspirante.estado]['show_name'] }}
                    </span>
                </td>
                <td>
                    <a href="{{ path('registro_escuela_control_individual', {'id': registroEscuela.id}) }}" 
                        class="btn-floating btn-flat identidad-color darken-2" title="Controlar Registro Escuela">
                        <i class="material-icons">how_to_reg</i>
                    </a>                    
                </td>
            </tr>
        {% else %}
            <tr>
                <td colspan="3">
                    No hay ningún registro que coincida con su búsqueda. 
                    Intente con una distinta configuración de los filtros de búsqueda.
                </td>
            </tr>
        {% endfor %}
        </tbody>
      </table>
  

<!--fin modal -->
{% endblock %}