templates/registration/auth-signup-basic-public.html.twig line 1

Open in your IDE?
  1. {{ include('partials/main.html.twig') }}
  3. <head>
  5.     {{ include('partials/title-meta.html.twig', {title: 'Création de compte'}) }}
  7.     {{ include('partials/head-css.html.twig') }}
  9. </head>
  11. <body>
  13.     <div class="auth-page-wrapper pt-5">
  14.         <!-- auth page bg -->
  15.         <div class="auth-one-bg-position auth-one-bg" id="auth-particles">
  16.             <div class="bg-overlay"></div>
  18.             <div class="shape">
  19.                 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1440 120">
  20.                     <path d="M 0,36 C 144,53.6 432,123.2 720,124 C 1008,124.8 1296,56.8 1440,40L1440 140L0 140z"></path>
  21.                 </svg>
  22.             </div>
  23.         </div>
  25.         <!-- auth page content -->
  26.         <div class="auth-page-content">
  27.             <div class="container">
  28.                 <div class="row">
  29.                     <div class="col-lg-12">
  30.                         <div class="text-center mt-sm-5 mb-4 text-white-50">
  31.                             <div>
  32.                                 <a href="/" class="d-inline-block auth-logo">
  33.                                     <img src="/images/logo-light.png" alt="" height="20">
  34.                                 </a>
  35.                             </div>
  36.                             <p class="mt-3 fs-15 fw-medium">Création de QR Code et informations de cuvées</p>
  37.                         </div>
  38.                     </div>
  39.                 </div>
  40.                 <!-- end row -->
  42.                 <div class="row justify-content-center">
  43.                     <div class="col-md-8 col-lg-6 col-xl-5">
  44.                         <div class="card mt-4">
  46.                             <div class="card-body p-4">
  47.                                 <div class="text-center mt-2">
  48.                                     <h5 class="text-primary">Création de compte</h5>
  49.                                 </div>
  50.                                 <div class="p-2 mt-4">
  51.                                     {{ form_start(form, {'attr': {'class' : 'form-steps', 'autocomplete' : 'off'}}) }}
  53.                                         <div class="mb-3">
  54.                                             <label for="useremail" class="form-label">Email <span class="text-danger">*</span></label>
  55.                                             <input type="email" class="form-control" id="useremail" placeholder="Entrez l'adresse email" required name='{{ field_name(form.email) }}'>
  56.                                             <div class="invalid-feedback">
  57.                                                 Veuillez entrer l'e-mail
  58.                                             </div>
  59.                                         </div>
  60.                                         <div class="mb-3">
  61.                                             <label for="username" class="form-label">Entreprise <span class="text-danger">*</span></label>
  62.                                             <input type="text" class="form-control" id="username" placeholder="Entrez l'entreprise" required required name='{{ field_name(form.Entreprise) }}' value="{{ field_value(form.Entreprise) }}">
  63.                                             <div class="invalid-feedback">
  64.                                                 Veuillez entrer le nom de l'entreprise
  65.                                             </div>
  66.                                         </div>
  68.                                         <div class="mb-3">
  69.                                             <label class="form-label" for="password-input">Mot de passe</label>
  70.                                             <div class="position-relative auth-pass-inputgroup">
  71.                                                 <input type="password" class="form-control pe-5 password-input" onpaste="return false" placeholder="Entrez le mot de passe" id="password-input" aria-describedby="passwordInput" minwidth='6' required name='{{ field_name(form.plainPassword) }}'>
  72.                                                 <button class="btn btn-link position-absolute end-0 top-0 text-decoration-none text-muted password-addon" type="button" id="password-addon"><i class="ri-eye-fill align-middle"></i></button>
  73.                                                 <div class="invalid-feedback">
  74.                                                     Merci d'entrer le mot de passe
  75.                                                 </div>
  76.                                             </div>
  77.                                         </div>
  79.                                         <div id="password-contain" class="p-3 bg-light mb-2 rounded">
  80.                                             <h5 class="fs-13">Le mot de passe doit contenir:</h5>
  81.                                             <p id="pass-length" class="invalid fs-12 mb-2">Un minimum de <b>6 characters</b></p>
  82.                                         </div>
  84.                                         <div class="mt-4">
  85.                                             <button class="btn btn-success w-100" type="submit">Enregistrer</button>
  86.                                         </div>
  87.                                         
  88.                                     {{ form_end(form) }}
  90.                                 </div>
  91.                             </div>
  92.                             <!-- end card body -->
  93.                         </div>
  94.                         <!-- end card -->
  96.                         <div class="mt-4 text-center">
  97.                             <p class="mb-0">Vous avez un compte ? <a href="{{ path( 'app_login') }}" class="fw-semibold text-primary text-decoration-underline"> Se connecter </a> </p>
  98.                         </div>
  100.                     </div>
  101.                 </div>
  102.                 <!-- end row -->
  103.             </div>
  104.             <!-- end container -->
  105.         </div>
  106.         <!-- end auth page content -->
  108.         <!-- footer -->
  109.         <footer class="footer">
  110.             <div class="container">
  111.                 <div class="row">
  112.                     <div class="col-lg-12">
  113.                         <div class="text-center">
  114.                             <p class="mb-0 text-muted">&copy;
  115.                                 <script>document.write(new Date().getFullYear())</script> GestionCuvées. Iti-Conseil
  116.                             </p>
  117.                         </div>
  118.                     </div>
  119.                 </div>
  120.             </div>
  121.         </footer>
  122.         <!-- end Footer -->
  123.     </div>
  124.     <!-- end auth-page-wrapper -->
  126.     {{ include('partials/vendor-scripts.html.twig') }}
  128.     <!-- particles js -->
  129.     <script src="/libs/particles.js/particles.js"></script>
  130.     <!-- particles app js -->
  131.     <script src="/js/pages/particles.app.js"></script>
  132.     <!-- validation init -->
  133.     <script src="/js/pages/form-validation.init.js"></script>
  134.     <!-- password create init -->
  135.     <script src="/js/pages/passowrd-create.init.js"></script>
  136. </body>
  138. </html>