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

{% block js_document_ready %}
    //defino variable para fecha actual
    function addZeroBefore(n) {
      return (n < 10 ? '0' : '') + n;
    }

    //defino variable para fecha actual
    var currentdate = new Date();
    var datetime = "Extraído el: " + currentdate.getDate() + "/"
                    + addZeroBefore((currentdate.getMonth()+1))  + "/"
                    + currentdate.getFullYear() + "   " 
                    + addZeroBefore(currentdate.getHours()) + ":" 
                    + addZeroBefore(currentdate.getMinutes()) + ":"
                    + addZeroBefore(currentdate.getSeconds());

    $('#datatable').dataTable({
        pageLength: 15,
        dom: 'Bfrtip',

        buttons: [
            {
                extend: 'excel',
                title: 'Aprobados de: {{tomaExamenFecha.tomaExamen.convocatoriaExamen1.cargo|capitalize ~ (tomaExamenFecha.tomaExamen.convocatoriaExamen2 ? " - " ~ tomaExamenFecha.tomaExamen.convocatoriaExamen2.cargo|capitalize : "") ~ ' del ' ~ tomaExamenFecha.fecha|date('d-m-Y')}}',
                text: 'Excel <i class="material-icons teal-text text-darken-2">description</i>',
                titleAttr: 'Descargar Excel',
                exportOptions: {
                },
            },
            {
                extend: 'pdf',
                title: 'Aprobados de: {{tomaExamenFecha.tomaExamen.convocatoriaExamen1.cargo|capitalize ~ (tomaExamenFecha.tomaExamen.convocatoriaExamen2 ? " - " ~ tomaExamenFecha.tomaExamen.convocatoriaExamen2.cargo|capitalize : "") ~ ' del ' ~ tomaExamenFecha.fecha|date('d/m/Y')}}',
                text: 'PDF <i class="material-icons white-text red darken-4">picture_as_pdf</i>',
                titleAttr: 'Descargar PDF',
                exportOptions: {
                    columns: ':visible'
                },
                //customizo footer con fecha de extracción y número de página
                customize: function(doc) {
                  doc['footer'] = (function(page, pages) {
                    return {
                      columns: [
                        {
                          alignment: 'center',
                          text: [
                            { text: datetime, italics: true },
                          ]
                        },
                        {
                          alignment: 'center',
                          text: [
                            { text: page.toString(), italics: true },
                            ' de ',
                            { text: pages.toString(), italics: true }
                          ]
                        },

                      ],
                      margin: [2, 0]
                    }
                  });
                }
            },
            {
                extend: 'colvis',  
                text: 'Visibilidad',  
                titleAttr: 'Visibilidad',  
            },
        ],
        filter : false,
        language: {
            "url": "//cdn.datatables.net/plug-ins/1.12.1/i18n/es-ES.json"
        },
        aLengthMenu: "",
        bAutoWidth: false,
        "columns": [
            { "data": "dni" },
            { "data": "apellidos" },
            { "data": "nombres" },
            { "data": "email" },
            { "data": "telefono" },
            { "data": "domCodPostal" },
            { "data": "calle" },
            { "data": "numero" },
            { "data": "localidad" },
            { "data": "partido" },

        ],
        order: [[ 0, 'asc' ]],
        columnDefs: [
            // These are the column name variables that will be sent to the server
            { 
                "name": "dni",  
                "targets": 0
            },
            { 
                "name": "apellidos",   
                "targets": 1,
            },
            { 
                "name": "nombres",   
                "targets": 2,
            },
            { 
                "name": "email",   
                "targets": 3
            },
            { 
                "name": "telefono",   
                "targets": 4
            },
            { 
                "name": "domCodPostal",   
                "targets": 5
            },
            { 
                "name": "calle",   
                "targets": 6
            },
            { 
                "name": "numero",   
                "targets": 7
            },
            { 
                "name": "localidad",   
                "targets": 8
            },
            { 
                "name": "partido",   
                "targets": 9
            }
        ],
        serverSide: false,
        processing: true,
        ajax: {
            url: '{{ path('aprobados_datos', {'idView':tomaExamenFecha.idView }) }}',
            type: 'POST'    
        },
    });


    // the "href" attribute of the modal trigger must specify the modal ID that wants to be triggered
    $('select').formSelect(); 
    var select = $('select');
    $('.limpiar').click(function(){
        $("input[type=text]").val("");
        select.prop('selectedIndex', 0); //Sets the first option as selected
        select.material_select();        //Update material select
        form.submit();
    });
{% endblock %}


{% block breadcrumb %}
    <ol class="breadcrumbs">
        <li><a class="active" href="#">Inicio</a></li>
        <li><a class="active" href="{{ path('examenes_listado', { 'reset': 1 }) }}">Lista de Exámenes</a></li>
        <li><a class="active" href="#">Aprobados del Examen de {{tomaExamenFecha.tomaExamen.convocatoriaExamen1.cargo|capitalize ~ (tomaExamenFecha.tomaExamen.convocatoriaExamen2 ? " - " ~ tomaExamenFecha.tomaExamen.convocatoriaExamen2.cargo|capitalize : "") ~ ' del ' ~ tomaExamenFecha.fecha|date('d/m/Y')}}</a></li>
    </ol>
{% endblock %}

{% block titulo_body %}
    <div class="row hide-on-small-only">
        <div class="col s12">
            <i style="margin-top:27px" class="material-icons  medium left identidad-color-text text-darken-2">
            history_edu
            </i>
            <h5 style="margin-top: 12px;">Aprobados de {{tomaExamenFecha.tomaExamen.convocatoriaExamen1.cargo|capitalize ~ (tomaExamenFecha.tomaExamen.convocatoriaExamen2 ? " - " ~ tomaExamenFecha.tomaExamen.convocatoriaExamen2.cargo|capitalize : "") }}</h5>
            <h4> 
            Examen del {{tomaExamenFecha.fecha|format_datetime(pattern="eeee dd 'de' LLLL 'de' Y ", locale='es_AR') |capitalize}}
            <span class="blue-text text-darken-2 small">{{tomaExamenFecha.fecha|format_datetime(pattern="HH:mm", locale='es_AR')}} hs</span>
            </h4>
            <br>
        </div>
    </div>
{% endblock %}


{% block body %}
<br>
    <table id="datatable">
        <thead>
            <tr>
                <th>DNI</th>
                <th>Apellido/s</th>
                <th>Nombre/s</th>
                <th>Email</th>
                <th>Teléfono</th>
                <th>Cód.Postal</th>
                <th>Calle</th>
                <th>Núm.</th>
                <th>Localidad</th>
                <th>Partido</th>
          </tr>
        </thead>

        <tbody> 

        </tbody>
    </table>
  
{% endblock %}