templates/preinscription/index.html.twig line 1

Open in your IDE?
  1. {% extends 'layout-inscription.html.twig' %}
  2. {% block title %}Pré-inscription | {{ formulaire.name }}{% endblock %}
  3. {% block conversion_tracking_script %}{{ formulaire.conversionTrackingScript }}{% endblock %}
  4. {% block content %}
  5. {#{% include 'MmppFrontBundle:Partial:bandeau.html.twig' %}#}
  6. {#    <div class="breadcrumb">#}
  7. {#        <a href="{{ path('mmpp_front_homepage3', {center_slug: center.slug}) }}">Accueil</a>#}
  8. {#        <span class="separator">></span>#}
  9. {#        <span>{{ formulaire.name }}</span>#}
  10. {#    </div>#}
  11. <body>
  12.     <main>
  13.         <section class="intro container">
  14.             <h2>Année scolaire : {{ periode.name }}</h2>
  15.             <div class="introText wysiwyg">
  16.                 {% if config['form_explanation'] is defined %}{{ config['form_explanation']|raw }}{% endif %}
  17.             </div>
  18.         </section>
  19.         <div class="wrapper page preinscription">
  20.             <div class="main main-formation">
  21. {#                <div class="formation-menu sidebar">#}
  22. {#                    <div class="btn-menu">#}
  23. {#                        <p>Nos Formations</p>#}
  24. {#                        <button aria-pressed="false" type="button" id="formation-button" tabindex="1"><span class="burger"></span><span class="menu-title">Menu</span></button>#}
  25. {#                    </div>#}
  26. {#                    <section class="nos-formations">#}
  27. {#                        <nav id="menu-left">#}
  28. {#                            <h2>NOS FORMATIONS</h2>#}
  29. {#                            {% include 'MmppFrontBundle:Partial:formation.html.twig' %}#}
  30. {#                        </nav>#}
  31. {#                    </section>#}
  32. {#                </div>#}
  33. {#                    <div class="form-header">#}
  34. {#                        <div class="explanation">#}
  35. {#                            {% if config['form_explanation'] is defined %}{{ config['form_explanation']|raw }}{% endif %}#}
  36. {#                        </div>#}
  37. {#                    </div>#}
  38.                 {% if formulaire is not null %}
  39.                 <section class="form container">
  40.                     <header>
  41.                         <h3>{{ formulaire.name }}</h3>
  42.                         {% if errors is not empty %}
  43.                             <div class="alert-danger">
  44.                                 {% for error in errors %}
  45.                                     <p>{{ error }}</p>
  46.                                 {% endfor %}
  47.                             </div>
  48.                         {% endif %}
  49.                     </header>
  50.                     <form action="" class="df" method="post" id="preinscription-form">
  51.                         <div style="text-align: center; width: 100%;">
  52.                             {#<h3>#}
  53.                                 {#{% if periode.isDefault == true  %}#}
  54.                                     {#<a href="{{ otherYearLink }}" class="change-year-button"> ( Si vous souhaitez une inscription pour l'année en cours 2021/2022, veuillez cliquer sur ce lien )</a>#}
  55.                                 {#{% else %}#}
  56.                                     {#<a href="{{ otherYearLink }}" class="change-year-button">( Si vous souhaitez une inscription pour l'année en prochaine 2022/2023, veuillez cliquer sur ce lien ) </a>#}
  57.                                 {#{% endif %}#}
  58.                             {#</h3>#}
  59.                         </div>
  60.                         {% for block in formulaire.blocks %}
  61.                             <fieldset>
  62.                                 <legend>{{ block.label }}</legend>
  63.                                 {% for field in block.fields %}
  64.                                     {% if field.type == 'static' %}
  65.                                     <div class="form-line depends" {% if field.dependsOn is not null %}data-depends-on="{{ field.dependsOn.id }}"{% endif %}>
  66.                                         <label class="form-label">{{ field.label|raw }}</label>
  67.                                         <p class="static">{{ field.value|raw }}</p>
  68.                                     </div>
  69.                                     {% elseif field.type == 'text' %}
  70.                                     <input type="text" name="field_{{ field.id }}" placeholder="{{ field.label }}" value="{% if datas['field_'~field.id] is defined %}{{ datas['field_'~field.id] }}{% endif %}" class="field{{ field.size }} depends capitalize formField col-6"  {% if field.dependsOn is not null %}data-depends-on="{{ field.dependsOn.id }}"{% endif %} {% if field.required %}data-required="true"{% endif %}>
  71.                                     {% elseif field.type == 'email' %}
  72.                                     <input type="email" name="field_{{ field.id }}" placeholder="{{ field.label }}" value="{% if datas['field_'~field.id] is defined %}{{ datas['field_'~field.id] }}{% endif %}" class="field{{ field.size }} depends formField col-12"  {% if field.dependsOn is not null %}data-depends-on="{{ field.dependsOn.id }}"{% endif %} {% if field.required %}data-required="true"{% endif %}>
  73.                                     {% elseif field.type == 'textarea' %}
  74.                                     <textarea name="field_{{ field.id }}" class="field_{{ field.size }} depends" placeholder="{{ field.label }}" {% if field.dependsOn is not null %}data-depends-on="{{ field.dependsOn.id }}"{% endif %} {% if field.required %}data-required="true"{% endif %}>{% if datas['field_'~field.id] is defined %}{{ datas['field_'~field.id] }}{% endif %}</textarea>
  75.                                     {% elseif field.type == 'select' %}
  76.                                         {% if field.size == 12 %}
  77.                                             <label class="form-label mp_span4">{{ field.label|raw }}</label>
  78.                                         {% endif %}
  79.                                         <select name="field_{{ field.id }}" class="field{{ field.size }} depends" {% if field.dependsOn is not null %}data-depends-on="{{ field.dependsOn.id }}"{% endif %}>
  80.                                             {% for value in field.choiceValues %}
  81.                                             <option value="{{ value.id }}" {% if datas['field_'~field.id] is defined %}{% if datas['field_'~field.id]==value.id %}selected="selected"{% endif %}{% elseif value.isDefault %}selected="selected"{% endif %}>{{ value.value }}</option>
  82.                                         {% endfor %}
  83.                                     </select>
  84.                                     {% elseif field.type == 'radio' %}
  85.                                     <div class="radio formField df col-12 depends" {% if field.dependsOn is not null %}data-depends-on="{{ field.dependsOn.id }}"{% endif %}>
  86.                                         <div class="radio-title formField col-3">
  87.                                             <h4>{{ field.label|raw }}</h4>
  88.                                         </div>
  89.                                         <div class="radio-content dffs col-9">
  90.                                                 {% for value in field.choiceValues %}
  91.                                                 <div class="formField">
  92.                                                         <input type="radio" id="label_{{ value.id }}" name="field_{{ field.id }}" value="{{ value.id }}" {% if datas['field_'~field.id] is defined %}{% if datas['field_'~field.id]==value.id %}checked="checked"{% endif %}{% elseif value.isDefault %}checked="checked"{% endif %}>
  93.                                                         <label for="label_{{ value.id }}"> {{ value.value }}</label>
  94.                                                 </div>
  95.                                                 {% endfor %}
  96.                                         </div>
  97.                                     </div>
  98.                                     {% elseif field.type == 'checkbox' %}
  99.                                     <div class="formField multipleCheckboxes df col-12 depends" {% if field.dependsOn is not null %}data-depends-on="{{ field.dependsOn.id }}"{% endif %}>
  100.                                         <div class="multipleCheckboxes-title col-3">
  101.                                             <h4>{{ field.label|raw }}</h4>
  102.                                         </div>
  103.                                         <div class="multipleCheckboxes-content df col-9">
  104.                                             {% for value in field.choiceValues %}
  105.                                                 <div class="formField col-6">
  106.                                                     <input id="checkbox_{{ value.id }}" type="checkbox" name="field_{{ field.id }}[]" value="{{ value.id }}" {% if datas['field_'~field.id] is defined %}{% if value.id in datas['field_'~field.id] %}checked="checked"{% endif %}{% elseif value.isDefault %}checked="checked"{% endif %}>
  107.                                                     <label for="checkbox_{{ value.id }}">{{ value.value }}</label>
  108.                                                 </div>
  109.                                             {% endfor %}
  110.                                         </div>
  111.                                     </div>
  112.                                     {% endif %}
  113.                                 {% endfor %}
  114.                             </fieldset>
  115.                         {% endfor %}
  116.                         <fieldset>
  117.                             {% if formulaire.paymentType == 'check' %}
  118.                                 <div class="form-line">
  119.                                     <label class="form-label mp_span4">Réglement des frais de dossiers</label>
  120.                                     <div class="mp_span6">
  121.                                         <label class="mp_checkbox"><input type="radio" name="payment" value="cb" checked>Carte bleu</label>
  122.                                         <label class="mp_checkbox"><input type="radio" name="payment" value="check">Chèque</label>
  123.                                     </div>
  124.                                 </div>
  125.                             {% else %}
  126.                                 <input type="hidden" name="payment" value="cb">
  127.                             {% endif %}
  128.                         </fieldset>
  129.                         <input type="submit" value="Réservation et paiement" class="generate-pdf-btn">
  130.                     </form>
  131.                 </section>
  132.                 {% else %}
  133.                     <p>Formulaire introuvable !</p>
  134.                 {% endif %}
  135.             </div>
  136.         </div>
  137.     </main>
  138. </body>
  139. <script>
  140.     var formulaireId = {{ formulaire.id }}
  141.     function refresh()
  142.     {
  143.         $("#preinscription-form .depends").each(function() {
  144.             if ($(this).data('dependsOn')) {
  145.                 var show = false;
  146.                 var dependsOn = $(this).data('dependsOn');
  147.                 $("#preinscription-form input:checked, #preinscription-form select").each(function() {
  148.                     if (dependsOn == $(this).val()) {
  149.                         show = true;
  150.                     }
  151.                 });
  152.                 if (show) {
  153.                     $(this).show();
  154.                     if ($(this).data('required')) {
  155.                         $(this).attr('required', true);
  156.                     }
  157.                 } else {
  158.                     $(this).hide();
  159.                     $(this).attr('required', false);
  160.                 }
  161.             }
  162.         });
  163.     }
  164.     $(document).ready(function() {
  165.         $("#preinscription-form input[type=radio], #preinscription-form input[type=checkbox]").click(function() {
  166.             refresh();
  167.         });
  168.         $("#preinscription-form select").change(function() {
  169.             refresh();
  170.         });
  171.         refresh();
  172.         $("#preinscription-form .depends").each(function() {
  173.             if ($(this).data('required')) {
  174.                 if ($(this).is('input[type="text"]')) {
  175.                     $(this).attr('placeholder', $(this).attr('placeholder') + ' *');
  176.                 }
  177.             }
  178.         });
  179.         if(formulaireId == 144 || formulaireId == 161 || formulaireId == 162){
  180.                 $('#label_782').parent('.formField').hide();
  181.                 $('#label_783').parent('.formField').hide();
  182.         }
  183.         if(formulaireId == 161 || formulaireId == 162){
  184.                 $('#label_400').parent('.formField').hide();
  185.                 $('#label_401').prop('checked', true);
  186.         }
  187.     });
  188.     $("#preinscription-form").submit(function() {
  189.         /*if ($("input[name=payment]").val() == 'cb') {
  190.             $(".generate-pdf-btn").val('Redirection vers le paiement en ligne....').prop('disabled', true);
  191.         } else {*/
  192.             $(".generate-pdf-btn").val('Enregistrement de votre préinscription....').prop('disabled', true);
  193.         //}
  194.     });
  195. </script>
  196. {% endblock %}