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

    {% block breadcrumb %}
    <ol class="breadcrumbs">
        <li>
            <a href="{{ path('main') }}">
                Inicio
            </a>
        </li>
        <li>
            <a href="{{ path('r_i_a_presentacion_antecedentes_control') }}">
                Listado de RIAs
            </a>
        </li>
        <li class="active">
            Vista de datos del Postulante
        </li>
    </ol>
    {% endblock %}

{% block side_bar %}
    {% include 'ria/presentacion_antecedentes/historial_actividades.html.twig' with {'datosVista': []} %}
{% endblock %}

{% block js_document_ready %}
    $(document).ready(function(){
        $('ul.tabs').tabs();
    });
    {# $(document).ready(function(){
        $('ul.tabs').tabs('select_tab', 'tab_id');
    }); #}
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
        function clickAbrirHistorial(e) { 
            sidenavHistorial = $('#slide-out-right');
            $.ajax({
                // The URL for the request
                url: "{{ path('vista_historial_postulante', {'id': presentacion_antecedente.id}) }}",
                // The data to send (will be converted to a query string)
                // Whether this is a POST or GET request
                type: "POST",
                // The type of data we expect back
                //dataType : "json",
                context: sidenavHistorial,
                success: function(html) {
                    this.find('#rowHistorialPostulante').replaceWith(
                        $(html).find('#rowHistorialPostulante')
                    );
                    var ps = new PerfectScrollbar(this.find('#activity')[0]);
                    this.find('.ps__thumb-y').addClass('identidad-color lighten-2');
                }
            });         
        }
    </script>
{% endblock %}

{% block body %}
<div class="section"> {# Sección/Cuadrado que abarca todo MENOS los botones de abajo #}
    <div class="row hide-on-small-only">
        <div class="col l12 m12 s12">
            <i class="material-icons  medium left identidad-color-text">
                assignment_ind
            </i>
            <h4 style="margin-top: 12px;">Vista del Postulante </h4> 
        </div>
    </div>
    <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>
                    </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 class="card">{# Cajita de Información Historial #}
            <div class="card-content">
                <p>Información Historial</p>
            </div>
            <div class="card-tabs">
                <ul class="tabs tabs-fixed-width">
                    <li class="tab"><a class="active" href="#examenes">EXÁMENES</a></li>
                    <li class="tab"><a href="#vacantes">APLICACIÓN A VACANTES</a></li>
                    <li class="tab"><a href="#psicologicos_psiquiatricos">PSICOLÓGICOS / PSIQUIÁTRICOS</a></li>
                    <li class="tab"><a href="#entrevistas">ENTREVISTAS PERSONALES</a></li>
                </ul>
            </div>
            <div class="card-content grey lighten-4"> {# Cajitas #}
                <div id="examenes" class="active">
                    {% if examenes is empty %}
                        SIN RESULTADOS
                    {% else %}
                        {% include 'ria/presentacion_antecedentes/vista_postulante/examen_tabla_tab.html.twig' with {'examenes': examenes} %}
                    {% endif %}
                </div>
                <div id="vacantes" class="" class="">
                    {% if aplicaciones is empty %}
                        SIN RESULTADOS
                    {% else %}
                        {% include 'ria/presentacion_antecedentes/vista_postulante/vacante_tabla_tab.html.twig' with {'aplicaciones': aplicaciones} %}
                    {% endif %}
                </div>
                <div id="psicologicos_psiquiatricos" class="" class="">
                    {% if informesPsi is empty %}
                        SIN RESULTADOS
                    {% else %}
                        {% include 'ria/presentacion_antecedentes/vista_postulante/psicologico_psiquiatrico_tabla_tab.html.twig' with {'psi': informesPsi} %}
                    {% endif %}
                </div>
                <div id="entrevistas" class="" class="">
                    {% if entrevistas is empty %}
                        SIN RESULTADOS
                    {% else %}
                        {% include 'ria/presentacion_antecedentes/vista_postulante/entrevista_tabla_tab.html.twig' with {'entrevistas': entrevistas} %}
                    {% endif %}
                </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 'ria/presentacion_antecedentes/vista_postulante/RIA/ejercicio_profesional_card.html.twig' with {'ejerciciosProfesionales': presentacion_antecedente.ejerciciosProfesionales } %}
                {% include 'ria/presentacion_antecedentes/vista_postulante/RIA/funcion_publica_card.html.twig' with {'funcionesPublicas': presentacion_antecedente.funcionesPublicas } %}
                {% include 'ria/presentacion_antecedentes/vista_postulante/RIA/ejercicio_libre_card.html.twig' with {'ejerciciosLibres': presentacion_antecedente.ejerciciosLibres } %}
                {% include 'ria/presentacion_antecedentes/vista_postulante/RIA/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 'ria/presentacion_antecedentes/vista_postulante/RIA/patrocinio_gratuito_card.html.twig' with {'patrociniosGratuitos': presentacion_antecedente.patrociniosGratuitos } %}
                {% include 'ria/presentacion_antecedentes/vista_postulante/RIA/proyecto_extension_card.html.twig' with {'proyectosExtension': presentacion_antecedente.proyectosExtension } %}
                {% include 'ria/presentacion_antecedentes/vista_postulante/RIA/exposicion_card.html.twig' with {'exposiciones': presentacion_antecedente.exposiciones } %}
                {% include 'ria/presentacion_antecedentes/vista_postulante/RIA/trabajo_legislativo_card.html.twig' with {'trabajosLegislativos': presentacion_antecedente.trabajosLegislativos } %}
                {% include 'ria/presentacion_antecedentes/vista_postulante/RIA/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 'ria/presentacion_antecedentes/vista_postulante/RIA/actividad_docente_card.html.twig' with {'actividadesDocente': presentacion_antecedente.actividadesDocente } %}
                {% include 'ria/presentacion_antecedentes/vista_postulante/RIA/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 'ria/presentacion_antecedentes/vista_postulante/RIA/titulo_universitario_card.html.twig' with {'titulosUniversitarios': presentacion_antecedente.titulosUniversitarios } %}
                {% include 'ria/presentacion_antecedentes/vista_postulante/RIA/titulo_posgrado_card.html.twig' with {'titulosPosgrado': presentacion_antecedente.titulosPosgrado } %}
                {% include 'ria/presentacion_antecedentes/vista_postulante/RIA/curso_card.html.twig' with {'cursos': presentacion_antecedente.cursos } %}
            </div>
        </li>
    </ul>
</div>
<div>
    <a href="{{ path('r_i_a_presentacion_antecedentes_control') }}" class="btn left">Volver al Listado</a>
</div>

{% endblock %}