templates/client/register.html.twig line 13

Open in your IDE?
  1. {% extends "layout.html.twig" %}
  3. {% block contentBody %}
  4.     {% set title = content.title|default %}
  5.     <!-- Main content -->
  6.     <div class="content container mt-5">
  7.         <div class="row justify-content-center d-flex">
  8.             <!-- Signup Section -->
  9.             <div class="col-md-7 d-flex align-items-stretch">
  10.                 <div class="form-container p-4 bg-white shadow-sm">
  11.                     <h2 class="header-text text-center">Inscrivez-vous</h2>
  12.                     <div id="id_notification"></div>
  13.                     {{ form_start(form) }}
  14.                         <div class="row">
  15.                             <div class="col-md-12">
  16.                                 {{ form_row(form.civ) }}
  17.                             </div>
  18.                             <div class="col-md-6">
  19.                                 {{ form_row(form.nom) }}
  20.                             </div>
  21.                             <div class="col-md-6">
  22.                                 {{ form_row(form.prenom) }}
  23.                             </div>
  24.                             <div class="col-md-6">
  25.                                 <div class="form-group">
  26.                                     {{ form_widget(form.email) }}
  27.                                     <span class="text-danger text-left" data-page="1">{{ form_errors(form.email) }}</span>
  28.                                 </div>
  29.                             </div>
  30.                             <div class="col-md-6">
  31.                                 {{ form_row(form.telephone) }}
  32.                             </div>
  33.                             <div class="col-md-6">
  34.                                 {{ form_row(form.password) }}
  35.                             </div>
  36.                             <div class="col-md-6">
  37.                                 {{ form_row(form.confirm_password) }}
  38.                             </div>
  39.                             <div class="col-md-6">
  40.                                 {{ form_row(form.adresse1) }}
  41.                             </div>
  42.                             <div class="col-md-6">
  43.                                 {{ form_row(form.adresse2) }}
  44.                             </div>
  45.                             {# div class="col-md-6">
  46.                                 <div>
  47.                                     <div class="form-group">
  48.                                         <select class="custom-select form-control kl-form-input login" id="pays" name="client[pays]">
  49.                                         {% for paysid, value in pays %}
  50.                                             <option value="{{ paysid }}" {{ paysid == 57 ? 'selected="selelected"' : '' }} >{{ value }}</option>
  51.                                         {% endfor %}
  52.                                         </select>
  53.                                     </div>
  54.                                 </div>
  55.                             </div>#}
  56.                             <div class="col-md-6">
  57.                                 {{ form_row(form.ville) }}
  58.                             </div>
  59.                             <div class="col-md-6">
  60.                                 {{ form_row(form.cp) }}
  61.                             </div>
  62.                             <div class="col-md-6">
  63.                                 {{ form_row(form.raison_social) }}
  64.                             </div>
  65.                         </div>
  66.                         {# <div class="row">
  67.                             <div class="col-md-12">{{ form_row(form.recevoir_offre) }}</div>
  68.                         </div> #}
  70.                         <div class="text-center no-padding-top">
  71.                             {{ form_row(form.recaptcha_token) }}
  72.                             <script src="https://www.google.com/recaptcha/api.js?render={{ google_recaptcha_site_key }}"></script>
  73.                             <script>
  74.                             document.addEventListener("DOMContentLoaded", function() {
  75.                                 grecaptcha.ready(function() {
  76.                                     grecaptcha.execute("{{ google_recaptcha_site_key }}", {action: 'registration'})
  77.                                         .then(function(token) {
  78.                                             document.getElementById("{{ form.recaptcha_token.vars.id }}").value = token;
  79.                                         });
  80.                                 });
  81.                             });
  82.                             </script>
  83.                             <button class="btn btn-kl-form-input btn-custom mt-4" type="button" id="id_saveClient">Créer mon compte</button>
  84.                             <small class="form-text text-muted"><em>*Champs obligatoires</em></small>
  85.                         </div>
  86.                     {{ form_end(form) }}
  87.                 </div>
  88.             </div>
  89.         </div>
  91.     </div>
  92.     <style type="text/css">
  93.         .no-padding-top {
  94.             padding-top: 0 !important;
  95.             margin-top: 0 !important;
  96.         }
  97.         /* Background image styling */
  98.         body {
  99.             background-image: url('/media/69/download/coworking-space-in-gurgaon-5485822_1280.jpg?v=1');
  100.             background-repeat: no-repeat;
  101.             background-size: cover; /* Fait en sorte que l'image remplisse tout l'écran */
  102.             background-position: center; /* Centre l'image pour éviter les décalages */
  103.             background-attachment: fixed; /* Fixe l'image en place lors du défilement */
  104.         }
  105.         .big-wrapper {
  106.             background: linear-gradient(to bottom, rgba(255, 255, 255, 1.9), rgba(255, 255, 255, 0)); /* Dégradé du haut (opaque) vers le bas (transparent) */
  107.         }
  109.     </style>
  110.     {% block javascripts %}
  111.         {{ parent() }}
  112.     {% endblock %}
  113. {% endblock %}