{% extends 'base_organizacion.html.twig' %}{% block title %}Puntos de cultura{% endblock %}{% block body_c9 %}<div class="card-body"> <h5>Puntos de cultura</h5> <div> <p> Un Punto de Cultura es una iniciativa que reconoce y promueve proyectos, colectivos, organizaciones o espacios dedicados al fortalecimiento cultural de una comunidad. Estos puntos son núcleos de creatividad y participación ciudadana que fomentan la diversidad cultural, el acceso a la cultura, y la preservación de tradiciones, saberes y expresiones artísticas locales. Su propósito es empoderar a las comunidades a través de la cultura como un medio de transformación social, integrando aspectos educativos, sociales y artísticos en beneficio de su entorno. </p> </div> {% if organizaciones|length == 0 and convocatorias|length == 0 %} <h5 class="text-danger">No puede postular porque no tiene organizaciones registradas en el RAC y no existen convocatorias abiertas.</h5> {% elseif organizaciones|length == 0 %} <h5 class="text-danger">No puede postular porque no tiene organizaciones registradas en el RAC.</h5> {% elseif convocatorias|length == 0 %} <h5 class="text-danger">No puede postular porque no existen convocatorias abiertas.</h5> {% else %} <div style="border: 1px solid black; padding: 10px;"> <h5>Nueva Postulacion</h5> {{ form_start(form) }} <div class="col col-3" style="display: flex; flex-direction:column; margin-bottom: 10px"> <label>Convocatoria</label> {{ form_widget(form.convocatoria, { 'attr': { 'class': 'form-control' } }) }} </div> <div class="col col-3" style="display: flex; flex-direction:column; margin-bottom: 10px"> <label>Organizacion</label> {{ form_widget(form.organizacion, { 'attr': { 'class': 'form-control', 'id': form.organizacion.vars.id } }) }} </div> <div style="border: 1px solid black; padding: 10px;"> <div class="col col-3" style="display: flex; flex-direction:column; margin-bottom: 10px"> <label>Nombre</label> <input type="text" id="nombre-input" class="form-control" disabled/> </div> <div class="col col-3" style="display: flex; flex-direction:column; margin-bottom: 10px"> <label>Rut</label> <input type="text" id="rut-input" class="form-control" disabled/> </div> <div class="col col-3" style="display: flex; flex-direction:column; margin-bottom: 10px"> <label>Region</label> <input type="text" id="region-input" class="form-control" disabled/> </div> <div class="col col-3" style="display: flex; flex-direction:column; margin-bottom: 10px"> <label>Email</label> <input type="text" id="email-input" class="form-control" disabled/> </div> <div style="margin: 15px; padding:15px 15px;" class="text-end"> {{ form_widget(form.save, { 'attr': { 'class': 'btn btn-primary' } }) }} {{ form_end(form) }} </div> </div> </div> {% endif %} <div class="row mt-2"> <div class="col-12"> <div style="display:block; float:right" > <a href="{{ path('organizacion_home') }}" class="btn btn-outline-danger" style="float:left">Volver</a> </div> <div style="display:block; float:right" > </div> </div> </div></div>{% endblock %}{% block body_c3 %} <p>Usuario: {{userCuActual.rolNumero}}-{{userCuActual.rolDv}} (Rut)</p> <button style="float: right; padding: 10" class="btn btn-danger" type="button" onclick="cerrarSesion();">Cerrar sesión</button>{% endblock %}{% block javascripts %}<script> document.addEventListener('DOMContentLoaded', function () { const organizaciones = {{ organizacionesDictionary|json_encode|raw }}; const organizacionSelect = document.getElementById('{{ form.organizacion.vars.id }}'); const nombreInput = document.getElementById('nombre-input'); const rutInput = document.getElementById('rut-input'); const regionInput = document.getElementById('region-input'); const emailInput = document.getElementById('email-input'); // Obtener el select generado por Symfony usando su ID const selectElement = document.getElementById("{{ form.organizacion.vars.id }}"); // Asegúrate de que el select está presente if (selectElement) { // Obtener todas las opciones del select const options = selectElement.options; // Recorrer todas las opciones y deshabilitarlas for (let i = 0; i < options.length; i++) { options[i].disabled = true; // Deshabilitar cada opción } } organizacionSelect.addEventListener('change', function () { const selectedValue = organizacionSelect.value; if (selectedValue) { nombreInput.value = organizaciones[selectedValue].nombre_org; rutInput.value = organizaciones[selectedValue].rut_completo; regionInput.value = organizaciones[selectedValue].datos_org.region; emailInput.value = organizaciones[selectedValue].datos_org.email_contacto; } else { nombreInput.value = ''; rutInput.value = ''; regionInput.value = ''; emailInput.value = ''; } }); const convocatoriaSelect = document.getElementById('{{ form.convocatoria.vars.id }}'); const organizacionesConvocadas = {{ convocatoriasByPostulaciones|json_encode()|raw }}; if (convocatoriaSelect) { convocatoriaSelect.addEventListener("change", function() { const convocatoriaId = convocatoriaSelect.value; // Obtener todas las opciones del select const options = selectElement.options; // Recorrer todas las opciones y deshabilitarlas for (let i = 0; i < options.length; i++) { const orgaId = options[i].value; options[i].disabled = organizacionesConvocadas[convocatoriaId].includes(orgaId); } }); } });</script>{% endblock %}{% block javascript_end_body %} <script type="text/javascript"> function cerrarSesion() { const claveUnicaLogoutUrl = "{{ userCuActual.urlToLogout }}"; const appLogoutUrl = "{{ path('auth_cu_logout') }}"; // Redirigir a Clave Única window.location.href = claveUnicaLogoutUrl; // Luego de 1 segundo, redirigir al logout de la aplicación setTimeout(function () { window.location.href = appLogoutUrl; }, 1000); } </script>{% endblock %}