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

{% block titulo_body %}
    <div class="col s12 l9">
        <i class="material-icons medium left icono-primario">today</i>
        {% set fecha = cronograma.fechaEntrevista %}
        <h4 style="margin-top: 12px;">Entrevista del {{ fecha|format_datetime(pattern='EEEE', timezone='America/Argentina/Buenos_Aires')|capitalize ~ ' ' ~ fecha|date('d/m/Y - H:i') }} </h4>
        <blockquote>
            <h6> {{ cronograma.cargo }} 
            {% if cronograma.territorialidad is not null %} 
            - {{ cronograma.territorialidad }}</h5>    
            {% endif %}</h6>
        </blockquote>
    </div>
    <br>
    <br>
{% endblock  %}

{% block titulo_acciones_body %}
{% endblock %}

{% block js_document_ready %}
{% endblock %}
  
{% block body %}
    <div id="modal1" class="modal muestroShow col s12">
    </div>
    <div class="row">
        <div class="col l7 m10 s12">
            
            <div class="card">
                <div class="card-content">
                    <table class="highlight centered">
                        <thead>
                            <tr>
                                <th class="hide-on-small-only"></th>
                                <th>Nombre y Apellido</th>
                                <th class="hide-on-small-only">DNI</th>
                                <th>Acciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for postulante in postulantes %}
                                <tr>
                                    {# Foto de perfil #}
                                    <td class="hide-on-small-only">
                                        <img class="circle responsive-img small" src="{{postulante['imagen']}}" 
                                        style="height: 50px; width: 50px;" alt="Foto de perfil">
                                    </td>
                                    {# Nombre y Apellido #}
                                    <td>
                                        {{postulante['presentacionAntecedentes'].datosPersonales.nombres}} {{postulante['presentacionAntecedentes'].datosPersonales.apellidos}}
                                    </td>
                                    {# DNI #}
                                    <td>
                                        {{postulante['presentacionAntecedentes'].datosPersonales.dni}}
                                    </td>
                                    {# Acciones #}
                                    <td>
                                        <a target='__blank' href='{{postulante['acciones']['controlar']}}' class='btn-floating btn-flat identidad-color darken-2' title='Controlar Aspirante'>
                                            <i class='material-icons'>how_to_reg</i>
                                        </a>
                                        <a target='__blank' href='{{postulante['acciones']['imprimir']}}' class='btn-floating btn-flat identidad-color darken-2' title='Imprimir'>
                                            <i class='material-icons'>print</i>
                                        </a>
                                    </td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="col l5 m10 s12">
            <ul class="collection with-header">
                <li class="collection-header">
                    <h4> Salas Virtuales </h4>
                </li>
                {% for entrevista in entrevistas %}
                    <li class="collection-item">
                        <div> 
                            Ver {{ entrevista.nombre }} 
                            <a class="secondary-content" href="{{ entrevista.url }}" target="_blank">
                                <i class="material-icons"> send </i>
                            </a>
                        </div>
                    </li>
                {% endfor %}
            </ul>
        </div>
    </div>

    <br>
    <a class="btn waves-effect waves-light left-align" href="{{ path('cronograma_entrevistas') }}">
        Volver<i class="material-icons right">undo</i>
    </a> 
{% endblock %}