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

{% block breadcrumb %}
    <ol class="breadcrumbs">
        <li><a href="{{ path('main') }}">Inicio</a></li>
        <li><a href="{{ path('cronograma_entrevistas') }}"> Cronograma </a></li>
        {% set fecha = cronograma.fechaEntrevista %}
        <li><a class="active">Entrevista del {{fecha|format_datetime(pattern='EEEE', timezone='America/Argentina/Buenos_Aires')|capitalize ~ ' ' ~ fecha|date('d/m/Y - H:i') }}</a></li>
    </ol>
{% endblock %}

{% block titular_body %}
    <div class="col s9">
        <i class="material-icons medium left icono-primario identidad-color-text">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') }}
            {% set color = constant('App\\Entity\\Entrevistas\\CronogramaEntrevistas::VIEW_ESTADO')[cronograma.estado]['color'] %}
            <span style="margin-top: 15px;margin-left: 5px;"> 
                <i><sub style="color:{{color}}">
                { {{ constant('App\\Entity\\Entrevistas\\CronogramaEntrevistas::VIEW_ESTADO')[cronograma.estado]['show_name'] }} }
                </sub></i>
            </span>
        </h4>
        <blockquote>
            <h6> {{ cronograma.cargo }} 
            {% if cronograma.territorialidad is not null %} 
            - {{ cronograma.territorialidad }}</h5>    
            {% endif %}</h6>
        </blockquote>
    </div>
    <div class="col s3" style="padding:0px">
        {% if is_granted('ROLE_ENTREVISTAS_ADMIN') %}
            <a id="edit" 
                href="{{ path('cronograma_new_resultado', {'id': cronograma.id }) }}" class="btn oscuro darken-2 waves-effect waves-light col s12" style="margin-top: 12px; float:right">
                <i class="material-icons right">edit</i>
                <i class="material-icons right">today</i>
                Editar Resultados
            </a>
            <br>
        {% endif %}                      
    </div>
{% endblock  %}

{% block javascripts_base %}
{% endblock %}

{% block body %}
   <div class="row">
        <div class="col l12 m10 s10">
            <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>Presente</th>
                                <th>Nota</th>
                                <th>Aprobado</th>
                                <th>Entrevista</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|capitalize}} {{postulante['presentacionAntecedentes'].datosPersonales.apellidos|capitalize}}
                                    </td>
                                    {# DNI #}
                                    <td>
                                        {{postulante['presentacionAntecedentes'].datosPersonales.dni}}
                                    </td>
                                    {# Presente #}  
                                    {% if postulante['resultadoEntrevista'] == null %}
                                        <td ><span class="amber-text text-darken-2">Sin cargar</span></td>
                                        <td ><span class="amber-text text-darken-2">Sin cargar</span></td>
                                        <td ><span class="amber-text text-darken-2">Sin cargar</span></td>
                                        <td ><span class="amber-text text-darken-2">Sin cargar</span></td>
                                    {% else %}
                                        {% if postulante['resultadoEntrevista'].presente %}
                                            {# Presente #}
                                            <td><i class="material-icons teal-text">check_circle_outline</i></td>
                                            <td> </td>
                                            <td> </td>
                                            {# Url Entrevista #}
                                            <td>
                                                {% if postulante['resultadoEntrevista'].enlaceGrabacion %}
                                                    <a href="{{ postulante['resultadoEntrevista'].enlaceGrabacion }}" target="_blank">
                                                        Ver Entrevista <i class="material-icons">voice_chat</i>
                                                    </a>
                                                {% else %}
                                                    <span class="amber-text text-darken-2">Sin cargar</span>
                                                {% endif %}
                                                
                                            </td>
                                            {# detalles #}
                                            {% set detalles = postulante['resultadoEntrevista'].detalleResultados %}
                                            {% for key,detalle in detalles %}
                                                <tr style="background-color: rgba(242, 242, 242, 0.5);">
                                                    <td></td>
                                                    <td>{{detalle.cargo}} <td>
                                                    <td></td>
                                                    <td>{{detalle.nota}}</td>
                                                    <td>{{ detalle.aprobado is null ? '<span class="amber-text text-darken-2">Sin cargar</span>' : 
                                                            (detalle.aprobado ? '<i class="material-icons teal-text">check_circle_outline</i>' 
                                                                : '<i class="material-icons red-text">highlight_off</i>') }}</td>
                                                    <td></td>
                                                </tr>
                                            {% endfor %}
                                        {% else %}
                                            <tr style="background-color: rgba(242, 242, 242, 0.5);">
                                                <td></td>
                                                <td>{{cronograma.cargo}} <td>
                                                <td><i class="material-icons red-text">highlight_off</i></td>
                                                <td>-</td>
                                                <td>-</td>
                                                <td></td>
                                            </tr>
                                        {% endif %}
                                    {% endif %}
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    
    <br>
    <a class="btn waves-effect waves-light left-align" href="{{ path('cronograma_entrevistas') }}">Volver a Listado
        <i class="material-icons right">undo</i>
    </a>
    {# <a class="btn waves-effect waves-light left-align" href="{{ path('entrevistas_calendario') }}">Volver a Calendario
    {# <a class="btn waves-effect waves-light left-align" href="{{ path('entrevistas_calendario') }}">Volver a Calendario
        <i class="material-icons right">undo</i>
    </a> #}
   
{% endblock %}