{% 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') }} </h4>
        <blockquote>
            <h5> {{ cronograma.cargo }} 
            {% if cronograma.territorialidad is not null %} 
            - {{ cronograma.territorialidad }}</h5>    
            {% endif %}
        </blockquote>
    </div>
{% endblock  %}

{% block javascripts %}
    {{ parent()}}
    <script>
        function handleImageError(img) {
            var defaultImageUrl = "{{ asset('img/user.jpeg', 'portal') }}";
            img.src = defaultImageUrl;
        }
    </script>
{% endblock %}

{% block body %}
    <div class="row">
        <div class="col l12 m10 s10">
            {% for indice, postulante in postulantes %}
                <ul class="collapsible popout">
                    <li class="active">
                        <div class="collapsible-header"> 
                            <i class="material-icons left identidad-color-text">person</i>
                            {{postulante['presentacionAntecedentes'].datosPersonales.nombres|split(' ')|reduce((carry, v) => carry ~ ' ' ~ v|capitalize)}} {{postulante['presentacionAntecedentes'].datosPersonales.apellidos|split(' ')|reduce((carry, v) => carry ~ ' ' ~ v|capitalize)}}
                        </div>
                        <div class="collapsible-body" style="display: block;">
                            <div class="row">
                                <h5>{{postulante['presentacionAntecedentes'].datosPersonales.nombres|split(' ')|reduce((carry, v) => carry ~ ' ' ~ v|capitalize)}} {{postulante['presentacionAntecedentes'].datosPersonales.apellidos|split(' ')|reduce((carry, v) => carry ~ ' ' ~ v|capitalize)}}</h5>
                            </div>
                            <div class="row">
                                <div class="col s12 l3 m3 ">
                                    <div class="card">
                                        <div class="card-image">
                                            <img src="{{postulante['imagen']}}" onerror="handleImageError(this)">
                                            <span class="card-title"> {{postulante['presentacionAntecedentes'].datosPersonales.nombres|split(' ')|reduce((carry, v) => carry ~ ' ' ~ v|capitalize)}} {{postulante['presentacionAntecedentes'].datosPersonales.apellidos|split(' ')|reduce((carry, v) => carry ~ ' ' ~ v|capitalize)}}</span>
                                        </div>
                                        <div class="card-content"></div>
                                    </div>
                                </div>
                                <div class="col s12 l9 m9">
                                    <div class="row">
                                        <div class="col s12 l6 m6">
                                            <blockquote style="border-left:5px solid #41b0e4; margin: 20px 0; padding-left: 1.5 rem;">
                                                <p style="margin-bottom: 1%;">DNI {{postulante['presentacionAntecedentes'].datosPersonales.dni}} - 
                                                    {% set genero = postulante['presentacionAntecedentes'].datosPersonales.genero %}
                                                    {% if genero == "F" %}
                                                        Femenino
                                                    {% else %}
                                                        Masculino
                                                    {% endif %}
                                                </p>
                                                <p style="margin-bottom: 1%;">
                                                    Nacimiento: {{ postulante['presentacionAntecedentes'].datosPersonales.fechaNacimiento|date('d/m/Y')}} - {{postulante['presentacionAntecedentes'].datosPersonales.nacionalidad}}
                                                </p>
                                                <p style="margin-bottom: 1%;">
                                                    <strong>Domicilio actual:</strong> 
                                                    {{postulante['presentacionAntecedentes'].datosPersonales.domCalle}} nro {{postulante['presentacionAntecedentes'].datosPersonales.domNumero}}, {{postulante['presentacionAntecedentes'].datosPersonales.domLocalidad|capitalize}} ({{postulante['presentacionAntecedentes'].datosPersonales.domCodigoPostal}}), 
                                                    {% if postulante['presentacionAntecedentes'].datosPersonales.residenciaBuenosAires %}
                                                        Prov. de Buenos Aires.
                                                    {% endif %}
                                                </p>
                                                <p style="margin-bottom: 1%;"><a href="mailto:{{postulante['presentacionAntecedentes'].datosPersonales.email}}">
                                                    {{postulante['presentacionAntecedentes'].datosPersonales.email}}</a>
                                                </p>
                                                <p style="margin-bottom: 1%;">
                                                    <a href="tel:{{postulante['presentacionAntecedentes'].datosPersonales.telefono}}">{{postulante['presentacionAntecedentes'].datosPersonales.telefono}}</a>
                                                </p>
                                            </blockquote>
                                            <br><br>
                                            <div>
                                                {% if postulante['resultado'] %}
                                                    {% if postulante['resultado'].enlaceGrabacion %}
                                                        <a class="waves-effect waves-light btn-small cyan" href="{{ postulante['resultado'].enlaceGrabacion }}" target="_blank">
                                                            <i class="material-icons entrevista">voice_chat</i> Ver Entrevista
                                                        </a> 
                                                    {% else %}
                                                        <a class="waves-effect waves-light btn-small grey">
                                                            <i class="material-icons">voice_chat</i> Sin cargar
                                                        </a>
                                                    {% endif %}
                                                {% endif %}
                                            </div>
                                        </div>
                                        <div class="col s12 l6 m6">
                                            <div class="card card-default cardListado" {{ postulante['resultado'].id ? '' : 'style="display:none;"' }}>
                                                <div class="card-content">
                                                    <ul class="collection mb-0" id="listaDetalles">
                                                        {% for indice, detalle in postulante['resultado'].detalleResultados %}
                                                            <li class="collection-item avatar list-file">
                                                                <div class="row">
                                                                    <div class="col s10 l10"> 
                                                                        {% if detalle.aprobado %}
                                                                            <i class="material-icons circle green"> font_download</i>
                                                                        {% else %}
                                                                            <i class="material-icons circle"> font_download_off</i>
                                                                        {% endif %} 
                                                                            <span class="title"> {{ detalle.cargo }}</span>
                                                                    </div>
                                                                </div>
                                                                <div class="row">
                                                                    <p class="medium-small" style="padding-left: 1rem;"> {{ detalle.nota }} pts. </p>
                                                                <div class="row">
                                                            </li>
                                                        {% else %}
                                                            {% if postulante['resultado'].presente is same as (false) %}
                                                                <li class="collection-item avatar list-file">
                                                                    <div class="col s10 l10"> 
                                                                        <span class="title"> {{ postulante['resultado'].entrevistaCronograma.cargo }}</span>
                                                                        <p class="medium-small p-ausente"> 0 pts - Ausente </p>
                                                                    </div>
                                                                </li>
                                                            {% endif %}
                                                        {% endfor %}
                                                    </ul>
                                                </div>
                                            </div>                                                
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            {% endfor %}
        </div>
    </div>
    
    <div class="col s12 l12">
        <a class="btn waves-effect waves-light left-align" href="{{ path('cronograma_entrevistas') }}">Volver
            <i class="material-icons right">undo</i>
        </a> 
    </div>
{% endblock %}