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

{% block javascripts %}
    {{ parent() }}

    <script type="text/javascript">
        $(document).ready(function () {

                $('.modal').modal({ dismissible: false,
                });
                $('.collapsible').collapsible();
                $('.tooltipped').tooltip();
            });
    </script>
{% endblock %}

{% block breadcrumb %}
    <ol class="breadcrumbs">
        <li><a href="#">Inicio</a></li>
        <li><a href="{{ path('terna_index_limpiar') }}">Ternas</a></li>
        <li><a href="{{ path('ternados_show', {'idView':terna.idView})}}">Ternados de {{terna.concurso.cargo}}</a></li>
        <li><a href="#"><a class="active">Ver Postulante</a></li>
    </ol>

{% endblock %}

{% block titulo_body %}
    <i class="material-icons medium left identidad-color-text">assignment_ind</i>
    
    <h4 style="margin-top: 12px;">Vista de Postulante para: {{terna.concurso.cargo}}</h4>
    
    {# <h4 style="margin-top: 12px;">{{presentacion_antecedente.datosPersonales.nombres ? presentacion_antecedente.datosPersonales.nombres|title  ~ ' ' ~ presentacion_antecedente.datosPersonales.apellidos|title}}</h4> #}
{% endblock %}

{% block body %}
    <br>
     <div class="card-panel z-depth-2 border-radius-8 mb-4"> {# Cuadrado para nombre e historial de actividades #}
        <div class="row">
            <div class="col l9 s12">
                <div class="row">
                    <div class="col l2 m2 s3"> {# Foto de perfil #}
                        {% if presentacion_antecedente.urlFoto != null %}
                            <img src="{{ asset(presentacion_antecedente.idView ~ "/200", 'ria_fotos') }}" class="responsive-img circle z-depth-2" width="100">
                        {% else %}
                            <img src="{{ asset('img/user.png') }}" alt="" class="circle responsive-img }}">
                        {% endif %}
                    </div>
                    <div class="col s9 l10 m10">{# Datos Personales #}
                        <h5 style="font-weight: 500;" class="text-primario">
                            {{presentacion_antecedente.datosPersonales.nombres ? presentacion_antecedente.datosPersonales.nombres|title  ~ ', ' ~ presentacion_antecedente.datosPersonales.apellidos|title}}
                        </h5>
                        <div class="divider"></div>
                        {# <p ><i class="material-icons profile-card-i identidad-color-text" >location_city</i> Funcion actual: <"Por definir"> </p> #}
                        <p ><i class="material-icons profile-card-i identidad-color-text" >location_on</i> <strong>Domicilio actual:</strong>
                        {{ presentacion_antecedente.datosPersonales.domCalle ? presentacion_antecedente.datosPersonales.domCalle: '--' }}
                            nro {{ presentacion_antecedente.datosPersonales.domNumero ? presentacion_antecedente.datosPersonales.domNumero : '--' }}, 
                            {{ presentacion_antecedente.datosPersonales.domLocalidad ? presentacion_antecedente.datosPersonales.domLocalidad|title : '--' }}
                            ({{ presentacion_antecedente.datosPersonales.domCodigoPostal }}),
                            Prov. de {{ presentacion_antecedente.datosPersonales.domLocalidad ? presentacion_antecedente.datosPersonales.domProvincia : '--' }} 
                        </p>
                        <p><i class="material-icons identidad-color-text" >contacts</i> 
                            DNI {{ presentacion_antecedente.datosPersonales.dni }} -
                            {% if presentacion_antecedente.datosPersonales.genero == 'F' %}
                                {{ 'Femenino' }}
                                <br>
                            {% elseif presentacion_antecedente.datosPersonales.genero == 'M' %}
                                {{ 'Masculino' }}
                                <br>
                            {% else %}
                                {{ 'Género: Otros' }}
                                <br>
                            {% endif %}
                        </p>
                        <p><i class="material-icons identidad-color-text" >contacts</i> 
                            Nacimiento: {{ presentacion_antecedente.datosPersonales.fechaNacimiento ? presentacion_antecedente.datosPersonales.fechaNacimiento|date('d/m/Y') ~ ' - ' : '--' }}
                            {{ presentacion_antecedente.datosPersonales.nacionalidad ? presentacion_antecedente.datosPersonales.nacionalidad|title : '--' }}
                        </p>
                        <p>
                            <a href="mailto:{{ presentacion_antecedente.datosPersonales.email }}">
                                {{ presentacion_antecedente.datosPersonales.email }}
                            </a>
                        </p>
                        <p>
                            <a href="tel:{{ presentacion_antecedente.datosPersonales.telefono }}">
                                {{ presentacion_antecedente.datosPersonales.telefono }}
                            </a>
                        </p>
                    </div>
                </div>    
            </div>
            {# Boton historial de actividades #}
            {# <div class="col s12 m5 l3">
                <button type="button" class="waves-effect blue darken-4 waves-light btn mt-8 sidenav-trigger" 
                    data-target="slide-out-right" onclick="clickAbrirHistorial(event)">
                    Historial Actividades 
                    <i class="material-icons">format_indent_increase</i>
                </a>
            </div> #}
        </div> 
    </div>

      <ul class="collapsible popout">
        <li>
            <div class="collapsible-header">
                <i class="material-icons identidad-color-text">work</i>Antecedentes Profesionales
            </div>
            <div class="collapsible-body">  
                {% include 'ternas/vista_postulante/ejercicio_profesional_card.html.twig' with {'ejerciciosProfesionales': presentacion_antecedente.ejerciciosProfesionales } %}
                {% include 'ternas/vista_postulante/funcion_publica_card.html.twig' with {'funcionesPublicas': presentacion_antecedente.funcionesPublicas } %}
                {% include 'ternas/vista_postulante/ejercicio_libre_card.html.twig' with {'ejerciciosLibres': presentacion_antecedente.ejerciciosLibres } %}
                {% include 'ternas/vista_postulante/inscripcion_matricula_card.html.twig' with {'inscripcionesMatriculas': presentacion_antecedente.inscripcionesMatriculas } %}
            </div>
        </li>

        <li>
            <div class="collapsible-header">
                <i class="material-icons identidad-color-text">people_outline</i>
                    Otros antecedentes y compromisos comunitarios
            </div>
            
            <div class="collapsible-body">
                {% include 'ternas/vista_postulante/patrocinio_gratuito_card.html.twig' with {'patrociniosGratuitos': presentacion_antecedente.patrociniosGratuitos } %}
                {% include 'ternas/vista_postulante/proyecto_extension_card.html.twig' with {'proyectosExtension': presentacion_antecedente.proyectosExtension } %}
                {% include 'ternas/vista_postulante/exposicion_card.html.twig' with {'exposiciones': presentacion_antecedente.exposiciones } %}
                {% include 'ternas/vista_postulante/trabajo_legislativo_card.html.twig' with {'trabajosLegislativos': presentacion_antecedente.trabajosLegislativos } %}
                {% include 'ternas/vista_postulante/cargo_ejecutivo_card.html.twig' with {'cargosEjecutivos': presentacion_antecedente.cargosEjecutivos } %}
            </div>
        </li>

       <li>
            <div class="collapsible-header">
                <i class="material-icons identidad-color-text">auto_stories</i> 
                Antecedentes Académicos y Publicaciones 
            </div>
            <div class="collapsible-body">
                {% include 'ternas/vista_postulante/actividad_docente_card.html.twig' with {'actividadesDocente': presentacion_antecedente.actividadesDocente } %}
                {% include 'ternas/vista_postulante/publicacion_card.html.twig' with {'publicaciones': presentacion_antecedente.publicaciones } %}
            </div>
        </li>
        <li>
            <div class="collapsible-header">
                <i class="material-icons identidad-color-text">school</i>  
                Formación Profesional y/o Académica
            </div>
            <div class="collapsible-body">
                {% include 'ternas/vista_postulante/titulo_universitario_card.html.twig' with {'titulosUniversitarios': presentacion_antecedente.titulosUniversitarios } %}
                {% include 'ternas/vista_postulante/titulo_posgrado_card.html.twig' with {'titulosPosgrado': presentacion_antecedente.titulosPosgrado } %}
                {% include 'ternas/vista_postulante/curso_card.html.twig' with {'cursos': presentacion_antecedente.cursos } %}
            </div>
        </li>
    </ul>
</div>
<div>
    <a href="{{ path('ternados_show', {'idView':terna.idView})}}" class="btn left">
        <span class="material-icons">arrow_back_ios</span>Volver al Listado
    </a>
</div>
     
{% endblock %}