{% extends '@EasyAdmin/crud/edit.html.twig' %}

{% block head_javascript %}
    {{ parent() }}
    {{ importmap('app') }}
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            var divDepartamento = document.getElementById('Concurso_departamentoJudicial-ts-label').parentElement;
            var divRegion = document.getElementById('Concurso_region-ts-label').parentElement;
            var divJurisdiccion = document.getElementById('Concurso_jurisdiccion-ts-label').parentElement;
            divDepartamento.style.display = 'none';
            divRegion.style.display = 'none';
            divJurisdiccion.style.display = 'none';  
            
            var tipoSelect = document.querySelector("#Concurso_tipoTerritorialidad");
            tipoSelect.addEventListener('change', actualizarVisibilidad);
            tipoSelect.dispatchEvent(new Event("change")); 
            var selectDepartamentos = document.querySelector("#Concurso_departamentoJudicial");
            selectDepartamentos.addEventListener('change', actualizarJurisdicciones);
            selectDepartamentos.dispatchEvent(new Event("change")); 
           
            var tabDatosMinimos = document.getElementById('tablist-tab-datos-minimos');
            var tabExamenes = document.getElementById('tablist-tab-examenes');
            var avisoExamenes = document.getElementById('avisoExamenes');
            if (tabExamenes) {
                tabExamenes.addEventListener('shown.bs.tab', function () {
                    avisoExamenes.style.display = 'block';
                });
            }
            if (tabDatosMinimos) {
                tabDatosMinimos.addEventListener('shown.bs.tab', function () {
                    avisoExamenes.style.display = 'none';
                });
            }

        });
    
        function actualizarVisibilidad() {
            var divDepartamento = document.getElementById('Concurso_departamentoJudicial-ts-label').parentElement;
            var divRegion = document.getElementById('Concurso_region-ts-label').parentElement;
            var divJurisdiccion = document.getElementById('Concurso_jurisdiccion-ts-label').parentElement;
            var valor = this.value;
            switch (valor) {
                case 'departamento':
                    divDepartamento.style.display = 'block';
                    divRegion.style.display = 'none';
                    divJurisdiccion.style.display = 'none';
                    break;
                case 'region':
                    divRegion.style.display = 'block';
                    divJurisdiccion.style.display = 'none';
                    divDepartamento.style.display = 'none';
                    break;
                case 'jurisdiccion':
                    divDepartamento.style.display = 'block';
                    divJurisdiccion.style.display = 'block';
                    divRegion.style.display = 'none';
                    actualizarJurisdicciones();
                    break;
                case 'provincia':
                    divDepartamento.style.display = 'none';
                    divRegion.style.display = 'none';
                    divJurisdiccion.style.display = 'none';
                default:
                    break;
            }
        }

        function actualizarJurisdicciones() {
            var tipoSelect = document.querySelector("#Concurso_tipoTerritorialidad");
            var SelectDepto = document.querySelector("#Concurso_departamentoJudicial");
            if(tipoSelect.value == 'jurisdiccion'){
                var idDepto = SelectDepto.value;    
                var url = "{{ path('admin_get_jurisdicciones_departamento', {'idDepto':1 }) }}";
                url = url.replace('/1', '/'+idDepto);
                $.get(url,function(data) {
                    var selectJurisdiccion = $('#Concurso_jurisdiccion');
                    var selectInstance = selectJurisdiccion[0].tomselect;
                    selectInstance.clearOptions();
                    data.forEach(jurisdiccion => {
                        selectInstance.addOption({
                            value: jurisdiccion.id,
                            text: jurisdiccion.nombre,
                        });
                    })
                    selectInstance.refreshOptions();
                },"json");
            }
        }

    </script>
{% endblock %}

{% block main %}
        <div id="avisoExamenes" class="alert alert-info" role="alert" style="display: none;">
            Tenga en cuenta que si modifica los exámenes se regenerará la Nómina de Postulantes.
        </div>
    {{parent()}}
{% endblock %}