templates/security/registration/index.html.twig line 1

  1. {% extends "master.html.twig" %}
  2. {% block title %}Inscription{% endblock %}
  4. {% block body %}
  5.     <style>
  6.         .check label {
  7.             margin-right: 1rem !important;
  8.         }
  9.     </style>
  11.     <img class="bg-arriere" src="{{ asset('assets/img/background1.png') }}" alt="">
  13.     <div class="auth-page-wrapper pt-5">
  14.         <!-- auth page content -->
  15.         <div class="auth-page-content">
  16.             <div class="container">
  17.                 <div class="row justify-content-center mt-5">
  18.                     <div class="col-md-12 col-lg-10 col-xl-10">
  19.                         <div class="card mt-4">
  20.                             <div class="card-body p-4">
  22.                                 <div {{ react_component('Registration/CreateAccount', {
  23.                                     'routes': {
  24.                                         'registration': path('app_registration_save'),
  25.                                         'proofs': path('app_registration_save_proofs'),
  26.                                         'generate_subscription': path('app_registration_generate_subscription'),
  27.                                         'signature': path('app_registration_subscription_signature'),
  28.                                         'success': path('app_registration_success'),
  29.                                         'conditions': path('app_legal_terms'),
  30.                                     },
  31.                                     'inputCurrencies': get_currencies(),
  32.                                     'locale': app.request.getLocale(),
  33.                                     'deeplApiKey': deepl_apikey,
  34.                                     'recaptchaSiteKey': recaptcha_sitekey,
  35.                                     'beneficiary': beneficiary
  36.                                 }) }}></div>
  37.                             </div>
  38.                         </div>
  40.                         <div class="mt-4 text-center">
  41.                             <p class="mb-0">{% trans %}Vous avez déjà un compte ?{% endtrans %}
  42.                                 <a href="{{ path('app_login') }}"
  43.                                    class="fw-semibold text-primary text-decoration-underline">
  44.                                     {% trans %}Se connecter{% endtrans %}
  45.                                 </a>
  46.                             </p>
  47.                         </div>
  49.                     </div>
  50.                 </div>
  51.             </div>
  52.         </div>
  53.     </div>
  55. {#    <script>#}
  56. {#        const checkboxes = document.querySelectorAll('input[name="form[types][]"]');#}
  57. {#        const selectedTypesList = document.querySelector('#selected_types_list');#}
  58. {#        const selectedTypesInput = document.querySelector('#selected_types');#}
  60. {#        checkboxes.forEach(checkbox => {#}
  61. {#            checkbox.addEventListener('change', () => {#}
  62. {#                const selectedText = checkbox.nextElementSibling.textContent;#}
  63. {#                const listItem = document.createElement('span');#}
  64. {#                listItem.classList.add('selected-type');#}
  65. {#                listItem.textContent = selectedText;#}
  66. {#                selectedTypesList.appendChild(listItem);#}
  67. {#                updateSelectedTypesInput();#}
  68. {#            });#}
  69. {#        });#}
  71. {#        function updateSelectedTypesInput() {#}
  72. {#            const selectedValues = [];#}
  73. {#            checkboxes.forEach(checkbox => {#}
  74. {#                if (checkbox.checked) {#}
  75. {#                    selectedValues.push(checkbox.value);#}
  76. {#                }#}
  77. {#            });#}
  78. {#            selectedTypesInput.value = selectedValues.join(',');#}
  79. {#        }#}
  80. {#    </script>#}
  81. {#    <script>#}
  82. {#        // Récupérez l'élément input par son ID#}
  83. {#        var dateInput = document.getElementById('dateInput');#}
  85. {#        // Obtenez la date du jour au format ISO (AAAA-MM-JJTHH:mm)#}
  86. {#        var today = new Date().toISOString().slice(0, 16);#}
  88. {#        // Définissez la date minimale (aujourd'hui) pour l'élément input#}
  89. {#        dateInput.min = today;#}
  90. {#    </script>#}
  91. {% endblock %}