{% extends 'convocatorias/front_postulantes/base.html.twig' %}

{% block js_document_ready %}
    $('.registrarInscripcion').click(function (e) {
        
        $('.listadoSeleccion').empty();
        var botones = $('.ckb_selecionados');
        for (ckb of botones) {
            if ($(ckb).prop('checked') ) {
                $('.listadoSeleccion').append('<li class="collection-item">' + $(ckb).data('dpto-nombre') + '</li>');
                var selector = '#{{ form.departamentosJudiciales.vars.id }} option[value="' + $(ckb).val() + '"]';
                $(selector).prop("selected", true);
                {# console.debug($(selector)); #}
            }
        }
        if ($('.listadoSeleccion').children().length == 0)
        {
            swal({
                title: "Error",
                content: {
                    element: 'p',
                    attributes: {
                        innerHTML: 'Debe seleccionar al menos una opción de territorio para registrar su Solicitud',
                    },
                },
                icon: "error"
            });
        } else {
            $('#modal1').modal('open');
        }
        {# console.debug($('.listadoSeleccion').children().length);
        console.debug($('.listadoSeleccion').children()); #}
    });

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

    {% if not form.vars.valid %}
        {# $('#modal1').modal('open'); #}
        swal({
            title: "Error",
            content: {
                element: 'p',
                attributes: {
                    innerHTML: 'Debe leer y cumplir con los requisitos para registrar solicitud',
                },
            },
            icon: "error"
        });
    {% endif %}

{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript" src="{{ asset('js/init.js', 'postulantes') }}"></script>
{% endblock %}

{% block dialogos_modales %}
    <div id="modal1" class="modal">
        {{ form_start(form, { 'attr' : { 'id' : 'formulario', 'novalidate' : 'novalidate' } }) }}
            <div class="modal-content">
                <h4 class="center-align">
                    Solicitud de Inscripción a Examen
                </h4>
                <br>
                <p>
                    Enviar solicitud para el cargo de 
                </p>
                <h6>
                    {{ examen.cargo|upper }}
                </h6>
                {% if form.departamentosJudiciales is defined %}
                    {{ form_widget(form.departamentosJudiciales) }}
                {% endif %}
                <p></p>
                <ul class="collection with-header listadoSeleccion">
                    <li class="collection-header">
                        <h5>
                            {% if form.departamentosJudiciales is defined %}
                                En el o los departamentos judiciales:
                            {% else %}
                                En la Provincia de Buenos Aires
                            {% endif %}
                        </h5>
                    </li>
                </ul>
                <p>
                    <label>
                        {{ form_widget(form.leido, { 'attr': { 'class': 'filled-in' } }) }}
                        <span>
                            He Leído y cumplo con los requisitos de la presente convocatoria.
                        </span>
                        <div class="red-text">
                            {{ form.leido.vars.errors }}
                            {# {{ form_errors(form.leido) }} #}
                        </div>
                    </label>
                </p>
                 <div>
                        <span>
                            Hago valer el resultado de mi examen anterior:
                        </span>
                        {% for radio in form.aprobadoPorResolucion.children | sort((a, b) => a.vars.label <=> b.vars.label) %}
                        <p>
                            <label>
                                {{ form_widget(radio) }}
                                <span>{{radio.vars.label}}</span>
                                {% if constant('App\\Entity\\Inscripciones\\Inscripcion::VIEW_RESOLUCION')[radio.vars.label] is defined %}
                                    <a href = "{{ constant('App\\Entity\\Inscripciones\\Inscripcion::VIEW_RESOLUCION')[radio.vars.label]["link"]}}"
                                    target="_blank">
                                         (Descargar Resolución)
                                    </a>
                                    
                                {% endif %}
                            </label>
                        </p>
                        {% endfor %}
                </div>
            </div>
            <div class="modal-footer">
                <div class="container">
                    <a href="#!" class="modal-close waves-effect waves-green btn  left red">
                        <i class="material-icons right">
                            highlight_off
                        </i>
                        Cancelar
                    </a>
                    <button class="modal-close waves-effect waves-green btn ">
                        Enviar solicitud 
                        <span class="material-icons">
                            arrow_forward_ios
                        </span>
                    </button>
                </div>
            </div>
        {{ form_end(form) }}
    </div>
{% endblock %}

{% block contenido_principal_titulo_int %}
    <i class="material-icons medium left identidad-color-text">
        campaign
    </i>

    <h4 style="margin-top: 12px;">
        Solicitud de Inscripción a Convocatoria 
    </h4>
{% endblock %}

{% block contenido_principal_cuerpo %}

    <div class="row">
        <div class=" localidades">
            <div class="card">
                <div class="card-content ">
                    <span class="card-title">
                        Solicitud Inscripción a Convocatoria de
                    </span>
                    <span class="card-subtitle">
                        {{ examen.cargo|upper }}
                    </span>
                    <p>
                        {% if form.departamentosJudiciales is defined %}
                            Seleccione uno o varios de los Departamentos Judiciales disponibles
                        {% else %}
                            Seleccione
                        {% endif %}
                    </p>
                    <br>
                    <div class="row">
                        {% block ic_inscripcion_seleccion %}{% endblock %}
                    </div>
                </div>
                <div class="card-action">
                    <a href="{{ path('app_convocatorias_front_postulantes_cargos', { idView : examen.convocatoria.idView }) }}" class="btn">
                        Volver
                    </a>
                {% if form.departamentosJudiciales is defined %}
                    <a href="#" class="right btn registrarInscripcion">
                {% else %}
                    <a href="#modal1" class="right btn modal-trigger">
                {% endif %}
                        Registrar Solicitud
                    </a>
                </div>
            </div>
        </div>
    </div>   
{% endblock %}