templates/pre_inscripcion_expo/form.html.twig line 1

Open in your IDE?
  1. {% extends 'basesestudiantes.html.twig' %}
  3. {% block title %}Solicitud{% endblock %}
  5. {% block body %}
  7.     <div id="content" class="site-content">
  8.         <main role="main" id="main-content">
  9.             <div class="container my-40">
  10.                 <br>
  11.                 {{ form_start(form) }}
  12.                 {% if form_errors(form.archivoAdjunto) %}
  13.                     <div class="uc-alert error mt-4">
  14.                         <div class="uc-alert_content">
  15.                             <span class="p p-size--sm bold ml-8">{{ form_errors(form.archivoAdjunto) }}</span>
  16.                         </div>
  17.                         <div class="uc-alert_close">
  18.                             <i class="uc-icon icon-size--sm">close</i>
  19.                         </div>
  20.                     </div>
  21.                 {% endif %}
  22.                 {% if form_errors(form) %}
  23.                     <div class="uc-alert error mb-12">
  24.                         <div class="uc-alert_content">
  25.                             <span class="p p-size--sm bold ml-8">{{ form_errors(form) }}</span>
  26.                         </div>
  27.                         <div class="uc-alert_close">
  28.                             <i class="uc-icon icon-size--sm">close</i>
  29.                         </div>
  30.                     </div>
  31.                 {% endif %}
  33.                 <label>Nombre del solicitante</label>
  34.                 {{ form_errors(form.nombreSolicitante) }}
  35.                 {{ form_widget(form.nombreSolicitante, {'attr': {'class': 'large uc-input-style'}}) }}
  36.                 <br>
  38.                 <label>Apellido del solicitante</label>
  39.                 {{ form_errors(form.apellidoSolicitante) }}
  40.                 {{ form_widget(form.apellidoSolicitante, {'attr': {'class': 'large uc-input-style'}}) }}
  41.                 <br>
  43.                 <label>RUT del solicitante</label>
  44.                 {{ form_errors(form.rutSolicitante) }}
  45.                 {{ form_widget(form.rutSolicitante, {'attr': {'class': 'large uc-input-style'}}) }}
  46.                 <br>
  48.                 <label>E-mail del solicitante</label>
  49.                 {{ form_errors(form.correoSolicitante) }}
  50.                 {{ form_widget(form.correoSolicitante, {'attr': {'class': 'large uc-input-style'}}) }}
  51.                 <br>
  53.                 <label>Celular o teléfono de contacto</label>
  54.                 {{ form_errors(form.telefonoSolicitante) }}
  55.                 {{ form_widget(form.telefonoSolicitante, {'attr': {'class': 'large uc-input-style'}}) }}
  56.                 <br>
  58.                 <label>¿Qué cargo desempeña en el establecimiento educacional?</label>
  59.                 {{ form_errors(form.cargoSolicitante) }}
  60.                 {{ form_widget(form.cargoSolicitante, {'attr': {'class': 'large uc-input-style'}}) }}
  61.                 <br>
  63.                 <label>Seleccione su colegio: </label><br>
  64.                 {{ form_errors(form.colegio) }}
  65.                 {{ form_widget(form.colegio, {'attr': {'class': 'large uc-input-style select2'}}) }}
  66.                 <br><br>
  68.                 <label>En caso de no encontrar su colegio en el listado anterior, ingrese el nombre y RBD aquí:</label>
  69.                 <br><br>
  70.                 <div id="oculto" style="display: block">
  71.                     <label>Nombre Colegio</label>
  72.                     <input type="text" id="nombre_colegio" name="otro_colegio" class="large uc-input-style">
  73.                     <br>
  75.                     <label>RBD Colegio</label>
  76.                     <br>
  77.                     <input type="text" id="rbd_colegio" name="otro_colegio" class="large uc-input-style">
  78.                     <br>
  79.                     {{ form_errors(form.otroColegio) }}
  80.                     {{ form_widget(form.otroColegio, {'attr': {'class': 'large uc-input-style'}}) }}
  81.                     <br>
  82.                 </div>
  84.                 <label>Selecciona la región en la que se encuentra el establecimiento:</label>
  85.                 {{ form_errors(form.region) }}
  86.                 {{ form_widget(form.region, {'attr': {'class': 'large uc-input-style'}}) }}
  87.                 <br>
  89.                 <label>Comuna</label>
  90.                 {{ form_errors(form.comuna) }}
  91.                 {{ form_widget(form.comuna, {'attr': {'class': 'large uc-input-style'}}) }}
  92.                 <br>
  94.                 <label>¿En cuál de los siguientes días y horarios tiene planificado asistir a la Expo? (Bloque AM, entre 9:00 y 13:00 hrs, bloque PM, entre las 13:00 y 17:00 hrs)</label>
  95.                 {{ form_errors(form.bloque) }}
  96.                 {{ form_widget(form.bloque, {'attr': {'class': 'large uc-input-style'}}) }}
  97.                 <br>
  99.                 <label>¿Cuál medio de transporte utilizarán para llegar al evento?</label>
  100.                 {{ form_errors(form.metodoTransporte) }}
  101.                 {{ form_widget(form.metodoTransporte, {'attr': {'class': 'large uc-input-style'}}) }}
  102.                 <br>
  104.                 <label>¿Con qué cursos asistirán a la Expo?</label>
  105.                 <div style="display:none">
  106.                     {{ form_errors(form.cursos) }}
  107.                     {{ form_widget(form.cursos, {'attr': {'class': 'large uc-input-style'}}) }}
  108.                 </div>
  109.                 {% for option in form.cursos.vars.choices %}
  110.                     <div>
  111.                         <input type="checkbox" id="{{ option.value }}" name="{{ form.cursos.vars.full_name }}[]" value="{{ option.value }}" {% if option.value in form.cursos.vars.value %}checked{% endif %}>
  112.                         <label for="{{ option.value }}">{{ option.label }}</label>
  113.                     </div>
  114.                 {% endfor %}
  115.                 <br>
  117.                 <label>¿Cuántas personas de su establecimiento (estudiantes y profesores) asistirían aproximadamente?</label>
  118.                 {{ form_errors(form.cantidadAsistentes) }}
  119.                 {{ form_widget(form.cantidadAsistentes, {'attr': {'class': 'large uc-input-style'}}) }}
  120.                 <br>
  122.                 <section class="expo-info">
  123.   <h2>¡Facilita la experiencia de tus estudiantes en la Expo!</h2>
  124.   <p>Cargando una nómina con sus datos (Nombre, RUT y Correo), tus alumnos podrán:</p>
  125.   <ul>
  126.     <li>☑️ Recibir una invitación personalizada al evento, a través de la cual podrán completar su inscripción personalizada</li>
  127.     <li>☑️ Acceder anticipadamente a un <strong>Test de Intereses Vocacionales</strong></li>
  128.     <li>☑️ Informarse sobre carreras, vías de admisión y opciones de financiamiento</li>
  129.   </ul>
  130.   <p> <a href="{{ asset('formato expo.xlsx') }}">descarga aquí</a> el formato para subir la nómina.</p>
  131. </section>
  139.                 <div>
  140.                     {{ form_widget(form.archivoAdjunto, {'attr': {'class': 'large uc-input-style'}}) }}
  142.                 </div>
  143.                 <br>
  145.                 <h2>Importante</h2>
  146.                 <br>
  147.                 <label for="tipo"> Autorizo expresamente a la Pontificia Universidad Católica de Chile para que me contacte, y para contactar a las personas inscritas en la nómina adjunta. Los datos personales serán utilizados solamente para esta finalidad y se mantendrán mientras sean requeridos por Ley.</label>
  148.                 <br>
  149.                 <p>{{ form_errors(form.condiciones) }}
  150.                     {{ form_widget(form.condiciones) }}
  151.                     He leído y acepto las <a target="_blank" href="{{ asset('politica expo 2025.pdf') }}">Condiciones de Participación de Establecimientos en Expo Futuro Novato y Novata UC</a>.
  152.                 </p>
  153.                 <p>{{ form_errors(form.condiciones2) }}
  154.                     {{ form_widget(form.condiciones2) }}
  155.                     He leído y acepto la <a target="_blank" href="https://protecciondedatos.uc.cl/politicas">Política de Privacidad UC</a>.
  156.                 </p>
  158.                 <button onclick="verificarOtroColegio()" class="uc-btn btn-secondary">{{ button_label|default('Enviar') }}</button>
  159.                 {{ form_end(form) }}
  160.         </main>
  161.     </div>
  163.     <script>
  164.         function verificarOtroColegio(){
  165.             let nombre_otro_colegio = document.getElementById('nombre_colegio').value;
  166.             let rbd_otro_colegio = document.getElementById('rbd_colegio').value;
  167.             if (nombre_otro_colegio && rbd_otro_colegio){
  168.                 let array_nombreyrbd = [];
  169.                 array_nombreyrbd.push(nombre_otro_colegio);
  170.                 array_nombreyrbd.push(rbd_otro_colegio);
  171.                 let formField = document.getElementById("pre_inscripcion_expo_otroColegio");
  172.                 formField.value = JSON.stringify(array_nombreyrbd);
  173.             }
  174.         }
  175.     </script>
  177.     <script>
  178.         function mostrarDiv() {
  179.             var divOculto = document.getElementById("oculto");
  180.             divOculto.style.display = "none";
  181.         }
  182.     </script>
  184. {% endblock %}