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

{% block js_document_ready %}
    $('.modal').modal({ 
        dismissible: false,
    });
    $('.collapsible').collapsible();
    $('.tooltipped').tooltip();

    $('.btn_confirmar').click(function (e) {
        var ckb = $(this).find("input[type='checkbox']");
        ckb.prop('checked', !ckb.prop('checked'));
        {# console.debug(ckb); #}
    });

    $('.btn_guardar').click(function (e) {
        $('#formulario').prop('action', '{{ path('r_i_a_evaluacion_antecedentes_control_pasos', { id: presentacion_antecedente.id }) }}');
        $('#formulario').submit();
    });

    $('.btn_rechazar').click(function (e) {
        $('#cimr_titulo').html("El aspirante se va a guardar como RECHAZADO");
        $('#cimr_subtitulo').html('<div class="success-checkmark alert red-text">   <i class="material-icons large">highlight_off</i></div>');
        $('#formulario').prop('action', '{{ path('ria_evaluacion_responder', { id: presentacion_antecedente.id, respuesta: 'rechazar' }) }}');
        $('#{{ form.mensajeRespueta.vars.id }}').val('{{ configuracion.plantillaRechazo|raw }}');
        $('#modal1').modal('open');
    });

    $('.btn_aceptar').click(function (e) {
        {# Si todos los campos que habian sido actualizados fueron evaluados #}
        if($("i.material-icons:contains('priority_high')").length > 0)
        {
            swal("Faltante de verificación", 
                "Queda pendiente la verificacion y toma de decisión de algún registro.", 
                "error"
            );
            return;
        }
        {# Si todos los campos están confirmados y no tiene en antigüedad "No cumple - No justifica", se admite. Caso contrario se observa #}
        var admitir = true;
        var antiguedad = $(".select_antiguedad").val();
        if (antiguedad == 'No cumple / No justifica'){
            admitir = false;
        }
        var botones = $(".btn_confirmar input[type='checkbox']");
        for (ckb of botones) {
            if (! $(ckb).prop('checked') ) {
                admitir = false;
                break;
            }
        }
        {% if presentacion_antecedente.inscripcionesMatriculas | length == 0 or
            presentacion_antecedente.titulosUniversitarios | length == 0 %}
            admitir = false;
        {% endif %}
        if (admitir) {
            $('#cimr_titulo').html("El aspirante se va a guardar como ADMITIDO");
            $('#cimr_subtitulo').html('<div class="success-checkmark"> <div class="check-icon"><span class="icon-line line-tip"></span><span class="icon-line line-long"></span><div class="icon-circle"></div><div class="icon-fix"></div></div>');
            $('#formulario').prop('action', '{{ path('ria_evaluacion_responder', { id: presentacion_antecedente.id, respuesta: 'admitir' }) }}');
            $('#{{ form.mensajeRespueta.vars.id }}').val('{{ configuracion.plantillaAdmicion|raw }}');
        } else {
            $('#cimr_titulo').html("El aspirante se va a guardar como OBSERVADO");
            $('#cimr_subtitulo').html('<div class="success-checkmark alert amber-text"><i class="material-icons large ">error_outline</i></div>');
            $('#formulario').prop('action', '{{ path('ria_evaluacion_responder', { id: presentacion_antecedente.id, respuesta: 'observar' }) }}');
            {# Obtener los incisos observados y listarlos en el mensaje de respuesta #}
            var mensaje_rsp = '{{ configuracion.plantillaObservacion|raw }} \r\n Observaciones: \r\n';
            var btn_invalidos = $(".btn_confirmar input[type='checkbox']:not(:checked)");
            for (ckb of btn_invalidos) {
                mensaje_rsp += "\n - " + $(ckb).data("ref_observacion");
            }
            {% if presentacion_antecedente.inscripcionesMatriculas | length == 0 %}
                mensaje_rsp += "\n - " + "No se cargó ninguna Inscripción de Matrículas";
            {% endif %}
            {% if presentacion_antecedente.titulosUniversitarios | length == 0 %}
                mensaje_rsp += "\n - " + "No se cargó ningún título universitario";
            {% endif %}
            $('#{{ form.mensajeRespueta.vars.id }}').val(mensaje_rsp);
        }
        M.textareaAutoResize($('#{{ form.mensajeRespueta.vars.id }}'));
        $('#modal1').modal('open');
        $('#{{ form.mensajeRespueta.vars.id }}').focus();
    });

    $('.btn_confirmar').each(function ( index ) {
        {# Inicializar el botón de acuerdo al valor del checkbox interno #}
        var ckb = $(this).find("input[type='checkbox']");
        if (ckb.prop('checked')) 
        {    
            toggleChevron(this);
        }
        {# Inicializar el botón de acuerdo a su propiedad de actualizado #}
        evaluarActualizado(this);
    });
    
    $('.btn_confirmar').click(function (e) {
        {# Actualizo el input de flag, que se tomo una decision en el campo #}
        $(e.currentTarget).siblings('a').children('input').prop('checked', true);
    });

    {% if (not form.mensajeRespueta.vars.valid) %}
        swal("Mensaje de Respuesta Requerido", "Debe definir un mensaje para culminar con la respuesta de este registro.", "error");
    {% endif %}

    $("select").formSelect({
        classes: "selectColor",
    });

    {% if (not form.antiguedadEnEjercicio.vars.valid) %}
        swal("Antigüedad en Ejercicio Requerido", 
            'Debe seleccionar una opción del campo "Antigüedad en Ejercicio" de los "Antecedentes Profesionales" para culminar con la respuesta de este registro.', 
            "error"
        );
        $('#{{ form.antiguedadEnEjercicio.vars.id }}').formSelect({
            classes: "invalid selectColor",
        });
    {% endif %}
    
{% endblock %}


{% block javascripts %}
    {{ parent()}}
    <script>
        function evaluarActualizado(button) {
            if(button.dataset['actualizado'])
            {
                const span_val = $(button).find('i');
                $(button).addClass('orange');
                span_val.text('priority_high');
            }
        }
    </script>
{% endblock %}

{% block dialogos_modales %}
    <!-- Modal Structure -->
    <div id="modalMensaje" class="modal">
        <div class="modal-content">
            <div class="card darken-1">
                <div class="card-content ">
                    <span class="card-title">
                        <strong id="historialFecha"></strong>
                    </span>
                    <div class="col s12">
                        <h5 for="textarea1">Mensaje para el inscripto</h5>
                        <div id="historialMensaje"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <button type="button" class="modal-close waves-effect waves-red btn-flat">Aceptar</a>
        </div>
    </div>
{% endblock %}      

{% block breadcrumb %}
    <ol class="breadcrumbs">
        <li>
            <a href="{{ path('portal_consejo') }}">
                Inicio
            </a>
        </li>
        <li>
            <a href="{{ path('r_i_a_evaluacion_antecedentes_control') }}">
                Lista de Aspirantes
            </a>
        </li>
        <li>
            <a class="active">
                Visualización de RIA completo de 
                {{ presentacion_antecedente.datosPersonales.nombres ~ ' ' ~ presentacion_antecedente.datosPersonales.apellidos }}
            </a>
        </li>
    </ol>
{% endblock %}

{% block titulo_body %}
    <i class="material-icons  medium left identidad-color-text text-darken-2">
        assignment_ind
    </i>
    <h4 style="margin-top: 12px;">
        Vista de Evaluación de 
        {{ presentacion_antecedente.datosPersonales.nombres|title  ~ ' ' ~ presentacion_antecedente.datosPersonales.apellidos|title }}
    </h4>
{% endblock %}

{% block body %}
    <style>
        .btn-floating.teal:focus
        {
            background-color: teal !important; 
        }
        .btn-floating.red:focus
        {
            background-color: red !important; 
        }
    </style>
    <br />
    {{ form_start(form, { 'attr' : { 'id' : 'formulario', 'novalidate' : 'novalidate' } }) }}

        <ul class="collapsible popout">
            <li>
                <div class="collapsible-header">
                    <i class="material-icons identidad-color-text">history</i>  Historial Evaluaciones
                </div>
                <div class="collapsible-body">
                    {{ include('ria/evaluacion_antecedentes/ci_historial_evaluaciones.html.twig', 
                        {'historialEvaluaciones': presentacion_antecedente.evaluacionPresentacion.historialesEvaluacion})}}
                </div>
            </li>
            <li class="active">
                <div class="collapsible-header">
                    <i class="material-icons identidad-color-text">
                        person
                    </i>
                    Datos Personales 
                            
                </div>
                <div class="collapsible-body">
                    {% include 'ria/evaluacion_antecedentes/ci_datos_personales.html.twig' %}
                </div>
            </li>
            <li>          
                <div class="collapsible-header">
                    <i class="material-icons identidad-color-text">work</i>Antecedentes Profesionales 
                </div>
                <div class="collapsible-body">
                    {% include 'ria/evaluacion_antecedentes/ci_antecedentes_profesionales.html.twig' %}
                </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/evaluacion_antecedentes/ci_formacion_profesional.html.twig' %}
                </div>
            </li>
        </ul>

        <br />
        {# Botones de acción #}
        <div class="row">
        
            <div class="col l4 m4">
                <a class="btn red darken-2 btn_rechazar" >Rechazar RIA</a>
            </div>
            <div class="col l4 m4 ">
                {{ form_widget(form.guardar, { attr: { 'class': 'white-text right green darken-1 btn_guardar' }}) }}
            </div> 
            <div class="col l4 m4 ">
                <a class="btn white-text right btn_aceptar"  >Aceptar</a>
            </div> 

        </div> 

        {% include 'ria/evaluacion_antecedentes/ci_modal_respuesta.html.twig' %}
            
    {{ form_end(form) }}
{% endblock %}