templates/registration/register.html.twig line 74

Open in your IDE?
  1. <!doctype html>
  2. <html lang="en" data-layout="vertical" data-topbar="light" data-sidebar="dark" data-sidebar-size="lg" data-sidebar-image="none" data-preloader="disable">
  4. <head>
  6.     <meta charset="utf-8" />
  7.     <title>Textiles</title>
  8.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9.     <meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
  10.     <meta content="Themesbrand" name="author" />
  11.     <!-- App favicon -->
  12.     <link rel="shortcut icon" href="{{ asset('assets/images/favicon.ico') }}">
  14.     <!-- Layout config Js -->
  16.     <script src="{{ asset('assets/js/layout.js') }}"></script>
  17.     <!-- Bootstrap Css -->
  18.     <link href="{{ asset('assets/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css" />
  19.     <!-- Icons Css -->
  20.     <link href="{{ asset('assets/css/icons.min.css') }}" rel="stylesheet" type="text/css" />
  21.     <!-- App Css-->
  22.     <link href="{{ asset('assets/css/app.min.css') }}" rel="stylesheet" type="text/css" />
  23.     <!-- custom Css-->
  24.     <link href="{{ asset('assets/css/custom.min.css') }}" rel="stylesheet" type="text/css" />
  27. </head>
  29. <body>
  31. <div class="auth-page-wrapper pt-5">
  32.     <!-- auth page bg -->
  33.     {#    <div class="auth-one-bg-position auth-one-bg" id="auth-particles">#}
  34.     {#        <div class="bg-overlay"></div>#}
  35.     <div class="auth-one-bg-position auth-one-bg" id="auth-particles" style="background-image: url({{ asset('assets/images/textile.jpg') }});">
  36.         {#        <div class="bg-overlay"></div>#}
  38.         <div class="shape">
  39.             <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1440 120">
  40.                 <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>
  41.             </svg>
  42.         </div>
  43.     </div>
  45.     <!-- auth page content -->
  46.     <div class="auth-page-content">
  47.         <div class="container">
  48.             <div class="row">
  49.                 <div class="col-lg-12">
  50.                     <div class="text-center mt-sm-5 mb-4 text-white-50">
  51.                         <div>
  52.                             <a href="#" class="d-inline-block auth-logo">
  53.                                 <h1 style="color: white;font-size: 30px;margin-bottom: -30px" > Textiles</h1>
  55.                                 {#                                <img src="assets/images/logo-light.png" alt="" height="20">#}
  56.                             </a>
  57.                         </div>
  58.                         {#                        <p class="mt-3 fs-15 fw-medium" style="margin-bottom: -30px">CARGO AFRICA NETWORK </p>#}
  59.                     </div>
  60.                 </div>
  61.             </div>
  62.             <!-- end row -->
  64.             <div class="row justify-content-center">
  65.                 <div class="col-md-8 col-lg-6 col-xl-5">
  66.                     <div class="card mt-4">
  68.                         <div class="card-body p-4">
  69.                             <div class="text-center mt-2">
  70.                                 <h5 class="text-primary">Créer un nouveau compte</h5>
  71.                                 {#                                <p class="text-muted">Get your free velzon account now</p>#}
  72.                             </div>
  73.                             <div class="p-2 mt-4">
  74.                                 {{ form_start(registrationForm) }}
  77.                                 <div class="mb-3">
  78.                                     <label for="useremail" class="form-label">Nom <span class="text-danger">*</span></label>
  79.                                     {{ form_widget(registrationForm.nom,{'attr':{'class':'form-control ','required':'required','placeholder':"Entrez nom"}}) }}
  80.                                     <div class="invalid-feedback">
  81.                                         Veuillez entrer votre nom
  82.                                     </div>
  83.                                 </div>
  84.                                 <div class="mb-3">
  85.                                     <label for="useremail" class="form-label">Prénom <span class="text-danger">*</span></label>
  86.                                     {{ form_widget(registrationForm.prenom,{'attr':{'class':'form-control ','required':'required','placeholder':"Entrez prénom"}}) }}
  87.                                     <div class="invalid-feedback">
  88.                                         Veuillez entrer votre prénom
  89.                                     </div>
  90.                                 </div>
  91.                                 <div class="mb-3">
  92.                                     <label for="useremail" class="form-label">Adresse <span class="text-danger">*</span></label>
  93.                                     {{ form_widget(registrationForm.address,{'attr':{'class':'form-control ','required':'required','placeholder':"Entrez adresse"}}) }}
  94.                                     <div class="invalid-feedback">
  95.                                         Veuillez entrer votre adresse
  96.                                     </div>
  97.                                 </div>
  98.                                 <div class="mb-3">
  99.                                     <label for="useremail" class="form-label">Téléphone <span class="text-danger">*</span></label>
  100.                                     {{ form_widget(registrationForm.telphone,{'attr':{'class':'form-control ','required':'required','placeholder':"Entrez téléphone"}}) }}
  101.                                     <div class="invalid-feedback">
  102.                                         Veuillez entrer votre téléphone
  103.                                     </div>
  104.                                 </div>
  105.                                 <div class="mb-3">
  106.                                     <label for="useremail" class="form-label">Email <span class="text-danger">*</span></label>
  107.                                     {{ form_widget(registrationForm.email,{'attr':{'class':'form-control ','required':'required','placeholder':"Entrez l'email"}}) }}
  108.                                     <div class="invalid-feedback">
  109.                                         Veuillez entrer votre adresse e-mail
  110.                                     </div>
  111.                                 </div>
  114.                                 <div class="mb-3">
  115.                                     <label class="form-label" for="password-input">Mot de passe <span class="text-danger">*</span></label>
  116.                                     <div class="position-relative auth-pass-inputgroup">
  118.                                         {{ form_widget(registrationForm.plainPassword,{'attr':{'class':'form-control ','required':'required','placeholder':"Entrez le mot de passe"}}) }}
  119.                                         <button class="btn btn-link position-absolute end-0 top-0 text-decoration-none text-muted password-addon" type="button" id="password-addon">
  120.                                             <i class="ri-eye-fill align-middle"></i>
  121.                                         </button>
  123.                                         {#                                            <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>#}
  124.                                         <div class="invalid-feedback">
  125.                                             Veuillez entrer le mot de passe
  126.                                         </div>
  127.                                     </div>
  128.                                 </div>
  130.                                 {#                                    <div class="mb-4">#}
  131.                                 {#                                        <p class="mb-0 fs-12 text-muted fst-italic">By registering you agree to the Velzon <a href="#" class="text-primary text-decoration-underline fst-normal fw-medium">Terms of Use</a></p>#}
  132.                                 {#                                    </div>#}
  136.                                 <div class="mt-4">
  137.                                     <button class="btn btn-success w-100" type="submit">S'inscrire</button>
  138.                                 </div>
  140.                                 {#                                    <div class="mt-4 text-center">#}
  141.                                 {#                                        <div class="signin-other-title">#}
  142.                                 {#                                            <h5 class="fs-13 mb-4 title text-muted">Create account with</h5>#}
  143.                                 {#                                        </div>#}
  145.                                 {#                                        <div>#}
  146.                                 {#                                            <button type="button" class="btn btn-primary btn-icon waves-effect waves-light"><i class="ri-facebook-fill fs-16"></i></button>#}
  147.                                 {#                                            <button type="button" class="btn btn-danger btn-icon waves-effect waves-light"><i class="ri-google-fill fs-16"></i></button>#}
  148.                                 {#                                            <button type="button" class="btn btn-dark btn-icon waves-effect waves-light"><i class="ri-github-fill fs-16"></i></button>#}
  149.                                 {#                                            <button type="button" class="btn btn-info btn-icon waves-effect waves-light"><i class="ri-twitter-fill fs-16"></i></button>#}
  150.                                 {#                                        </div>#}
  151.                                 {#                                    </div>#}
  152.                                 {{ form_end(registrationForm) }}
  155.                             </div>
  156.                         </div>
  157.                         <!-- end card body -->
  158.                     </div>
  159.                     <!-- end card -->
  161.                     <div class="mt-4 text-center">
  162.                         <p class="mb-0">Vous avez déjà un compte ? <a href="{{ path('app_login') }}" class="fw-semibold text-primary text-decoration-underline"> Se connecter </a> </p>
  163.                     </div>
  165.                 </div>
  166.             </div>
  167.             <!-- end row -->
  168.         </div>
  169.         <!-- end container -->
  170.     </div>
  171.     <!-- end auth page content -->
  173.     <!-- footer -->
  174.     <footer class="footer">
  175.         <div class="container">
  176.             <div class="row">
  177.                 <div class="col-lg-12">
  178.                     <div class="text-center">
  179.                         <p class="mb-0 text-muted">&copy;
  180.                             <script>document.write(new Date().getFullYear())</script> Smart IT Partner
  181.                         </p>
  182.                     </div>
  183.                 </div>
  184.             </div>
  185.         </div>
  186.     </footer>
  187.     <!-- end Footer -->
  188. </div>
  189. <!-- end auth-page-wrapper -->
  191. <!-- JAVASCRIPT -->
  192. <script src="{{ asset('assets/libs/bootstrap/js/bootstrap.bundle.min.js')}}"></script>
  193. <script src="{{ asset('assets/libs/simplebar/simplebar.min.js')}}"></script>
  194. <script src="{{ asset('assets/libs/node-waves/waves.min.js')}}"></script>
  195. <script src="{{ asset('assets/libs/feather-icons/feather.min.js')}}"></script>
  196. <script src="{{ asset('assets/js/pages/plugins/lord-icon-2.1.0.js')}}"></script>
  197. <script src="{{ asset('assets/js/plugins.js')}}"></script>
  199. <!-- particles js -->
  200. <script src="{{ asset('assets/libs/particles.js/particles.js')}}"></script>
  201. <!-- particles app js -->
  202. <script src="{{ asset('assets/js/pages/particles.app.js')}}"></script>
  203. <!-- password-addon init -->
  204. <script src="{{ asset('assets/js/pages/password-addon.init.js')}}"></script>
  206. <!-- particles js -->
  207. <!-- particles app js -->
  208. <!-- validation init -->
  209. <script src="{{ asset('assets/js/pages/form-validation.init.js')}}"></script>
  210. <!-- password create init -->
  211. <script src="{{ asset('assets/js/pages/passowrd-create.init.js')}}"></script>
  212. <script>
  213.     document.addEventListener("DOMContentLoaded", function () {
  214.         // Sélectionner le champ de mot de passe et le bouton
  215.         const passwordInput = document.querySelector("input[type='password']");
  216.         const passwordToggle = document.querySelector("#password-addon");
  218.         if (passwordInput && passwordToggle) { // Vérifie que les éléments existent
  219.             passwordToggle.addEventListener("click", function () {
  220.                 // Basculer le type de l'input entre 'text' et 'password'
  221.                 if (passwordInput.type === "password") {
  222.                     passwordInput.type = "text";
  223.                     passwordToggle.innerHTML = '<i class="ri-eye-off-fill align-middle"></i>';
  224.                 } else {
  225.                     passwordInput.type = "password";
  226.                     passwordToggle.innerHTML = '<i class="ri-eye-fill align-middle"></i>';
  227.                 }
  228.             });
  229.         } else {
  230.             console.error("Champ de mot de passe ou bouton introuvable. Vérifiez les sélecteurs.");
  231.         }
  232.     });
  233. </script>
  237. </body>
  239. </html>