templates/Complaint/complaintXPresentation.html.twig line 1

Open in your IDE?
  1. {% extends "Theme/UserComplaint/layout.html.twig" %}
  3. {% block stylesheets %}
  4.     {{ parent() }}
  5.     <link rel="stylesheet" href="{{ asset('assets/css/user/assistance.css') }}"/>
  6.     <style>
  7.         .body {
  8.             padding-top: 0;
  9.             padding-bottom:50px;
  10.         }
  11.         label {
  12.             font-size: 15px;
  13.         }
  14.         button[type="submit"] {
  15.             font-size: 16px;
  16.             font-weight: bold;
  17.         }
  18.     </style>
  19. {% endblock %}
  21. {% block heading %}
  22.     {% if (currentPath starts with '/express/') %}
  23.         Déposer une plainte contre X
  24.     {% endif %}
  25. {% endblock %}
  27. {% block body %}
  28.     {% if not (currentPath starts with '/express/') %}
  29.         {{ parent() }}
  30.     {% endif %}
  32.     {% if app.request.query.get('initial', 'yes') == 'no' %}
  33.         <p class="text-gray fz-16">
  34.             L’anticipation des risques est la meilleure façon de protéger vos biens !
  35.         </p>
  36.         <p class="text-gray fz-16">
  37.             Pour simplifier votre dépôt de plainte, vous gagnerez du temps si vous avez enregistré
  38.             préventivement
  39.             les informations nécessaires comme votre identité, vos adresses, vos objets sensibles, vos
  40.             véhicules,
  41.             ainsi que vos contrats d'assurances correspondants
  42.         </p>
  43.         <div class="d-flex justify-content-center mt-5 mb-5">
  44.             <a href="{{ path('express_complaint_x_presentation') }}" class="w-auto btn-sm m-0 px-5 btn btn-blue fs-16 justify-content-center">
  45.                 Porter plainte maintenant
  46.             </a>
  47.         </div>
  48.     {% else %}
  49.         {{ form_start(complaintXApprovalForm) }}
  50.         <div class="containerDashboard contentDashboard contentEdit position-relative">
  51.             <h4 class="text-center red fz-16">Merci de confirmer que votre situation répond à toutes ces conditions pour accéder à
  52.                 la sélection de votre plainte</h4>
  53.         </div>
  54.         <div class="containerDashboard contentDashboard body">
  55.             <div class="">
  56.                 <div class="">
  57.                     <span class="red fw-bold"></span>
  58.                 </div>
  59.                 <div class="blue fw-bold">
  60.                     <div class="card flex-column">
  61.                         {{ form_errors(complaintXApprovalForm) }}
  62.                         {{ form_widget(complaintXApprovalForm.youHasVictim) }}
  63.                         <span style="color:#de171f;font-size: 15px;margin: 5px 35px;width: 20px;display:block;">ou</span>
  64.                         {{ form_widget(complaintXApprovalForm.yourChildrenHasVictim) }}</div>
  65.                     <hr>
  66.                     <div class="card">{{ form_widget(complaintXApprovalForm.noWeaponsUsage) }}</div>
  67.                     <hr>
  68.                     <div class="card">{{ form_widget(complaintXApprovalForm.noDocumentStolen) }}</div>
  69.                     <hr>
  70.                     <div class="card">{{ form_widget(complaintXApprovalForm.noTargetDescription) }}</div>
  71.                     {% if complaintXApprovalForm.frenchPhone is defined %}
  72.                     <hr>
  73.                     <div class="card">{{ form_widget(complaintXApprovalForm.frenchPhone) }}</div>
  74.                     {% endif %}
  75.                 </div>
  76.                 {% if not (currentPath starts with '/express/') %}
  77.                 <div class="text-center">
  78.                     <a id="submit-complaint-presentation" href="{{ path('user_complaint_x_category') }}"
  79.                     class="btn-riposte-default submit-complaint-presentation d-none">
  80.                         Valider
  81.                     </a>
  82.                 </div>
  83.                 {% else %}
  85.                     {% include "ExpressComplaint/parts/_actions.html.twig" with {
  86.                             nextLabel : 'Valider'
  87.                         } %}
  88.                 {% endif %}
  89.                 <br/><br/>
  90.             {#            <p>#}
  91.                 {#                <a href="{{path('user_complaint_x_infos')}}"  class="btn btn-outline-danger seeMoreMobile btn-submit-custom2">#}
  92.                 {#                    <i class="far fa-book-reader navIco"></i>#}
  93.                 {#                        <span style="padding-left: 10px;">En savoir plus</span>#}
  94.                 {#                    </a>#}
  95.                 {#            </p>#}
  96.             </div>
  97.         </div>
  98.         {{form_end(complaintXApprovalForm)}}
  99.         {{ encore_entry_script_tags('complaint_presentation') }}
  100.         <script type="text/javascript">
  101.             let checkboxAll = $('input[type="checkbox"]');
  102.             let checkbox1 = $('#complaint_x_approval_youHasVictim');
  103.             let checkbox2 = $('#complaint_x_approval_yourChildrenHasVictim');
  104.             let checkbox3 = $('#complaint_x_approval_noWeaponsUsage');
  105.             let checkbox4 = $('#complaint_x_approval_noDocumentStolen');
  106.             let checkbox5 = $('#complaint_x_approval_noTargetDescription');
  107.             let checkbox6 = $('#complaint_x_approval_frenchPhone');
  108.             let $submitButton = $('.submit-complaint-presentation');
  110.             function toggleSubmitButton() {
  111.                 if ((checkbox1.is(":checked") || checkbox2.is(":checked")) && checkbox3.is(":checked") && checkbox4.is(":checked") && checkbox5.is(":checked") && checkbox6.is(":checked")) {
  112.                     $submitButton.removeClass('d-none');
  113.                 } else {
  114.                     $submitButton.addClass('d-none');
  115.                 }
  116.             }
  118.             // Show submit button only if checkbox required are checked
  119.             $(document).ready(function () {
  120.                 toggleSubmitButton();
  121.                 checkboxAll.on("change", function () {
  122.                     let element = $(this).first();
  123.                     if (element.prop("id") === 'complaint_x_approval_youHasVictim' && element.is(":checked")) {
  124.                         $('#complaint_x_approval_yourChildrenHasVictim').prop("checked", false);
  125.                     }
  126.                     if (element.prop("id") === 'complaint_x_approval_yourChildrenHasVictim' && element.is(":checked")) {
  127.                         $('#complaint_x_approval_youHasVictim').prop("checked", false);
  128.                     }
  129.                     toggleSubmitButton();
  130.                 });
  131.                 toggleSubmitButton();
  132.             });
  133.         </script>
  134.     {% endif %}
  135. {% endblock %}