templates/app/reset_password/request.html.twig line 1

Open in your IDE?
  3. <html lang="en" data-layout="vertical" data-topbar="light" data-sidebar="dark" data-sidebar-size="lg">
  4. <head>
  5.     <meta name="viewport" content="width=device-width, initial-scale=1">
  6.     <title>Reset Password</title>
  7.     {{ encore_entry_link_tags('userMain') }}
  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 class="loginLogo" src="{{ asset('app/assets/images/logo-light.png') }}" alt="" height="80">
  34.                             </a>
  35.                         </div>
  36.                         <p class="mt-3 fs-15 fw-medium">Api Creation Service</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">Forgot Password?</h5>
  49.                                 <p class="text-muted">Reset password with velzon</p>
  51.                                 <lord-icon
  52.                                         src="https://cdn.lordicon.com/rhvddzym.json"
  53.                                         trigger="loop"
  54.                                         colors="primary:#0ab39c"
  55.                                         class="avatar-xl">
  56.                                 </lord-icon>
  58.                             </div>
  60.                             <div class="alert alert-borderless alert-warning text-center mb-2 mx-2" role="alert">
  61.                                 Enter your email and instructions will be sent to you!
  62.                             </div>
  63.                             <div class="p-2">
  64.                                 {{ form_start(requestForm,  {'attr': {'novalidate': true, 'class':'needs-validation'}}) }}
  65.                                 {% if form_errors(requestForm.email) %}
  66.                                     <div class="alert alert-danger alert-border-left alert-dismissible fade show mb-xl-0" style="margin-bottom: 15px !important; font-size: 12px;" role="alert">
  67.                                         <i class="ri-error-warning-line me-3 align-middle fs-16"></i><strong>Error</strong>
  68.                                         {{ form_errors(requestForm.email) }}
  69.                                         <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
  70.                                     </div>
  71.                                 {% endif %}
  72.                                 <div class="mb-3">
  73.                                     {{ form_label(requestForm.email) }}<span class="text-danger">*</span>
  74.                                     {{ form_widget(requestForm.email) }}
  75.                                     {{ form_help(requestForm.email) }}
  76.                                     <div class="invalid-feedback">
  77.                                         Please enter valid a email
  78.                                     </div>
  79.                                 </div>
  80.                                 <div class="text-center mt-4">
  81.                                     <button class="btn btn-success w-100" type="submit">Send Reset Link</button>
  82.                                 </div>
  83.                                 {{ form_end(requestForm) }}
  84.                             </div>
  85.                         </div>
  86.                         <!-- end card body -->
  87.                     </div>
  88.                     <!-- end card -->
  90.                     <div class="mt-4 text-center">
  91.                         <p class="mb-0">Wait, I remember my password... <a href="{{ path('login') }}" class="fw-semibold text-primary text-decoration-underline"> Click here </a> </p>
  92.                     </div>
  94.                 </div>
  95.             </div>
  96.             <!-- end row -->
  97.         </div>
  98.         <!-- end container -->
  99.     </div>
  100.     <!-- end auth page content -->
  102.     <!-- footer -->
  103.     <footer class="footer">
  104.         <div class="container">
  105.             <div class="row">
  106.                 <div class="col-lg-12">
  107.                     <div class="text-center">
  108.                         <p class="mb-0 text-muted">&copy; <script>document.write(new Date().getFullYear())</script> Velzon. Crafted with <i class="mdi mdi-heart text-danger"></i> by Themesbrand</p>
  109.                     </div>
  110.                 </div>
  111.             </div>
  112.         </div>
  113.     </footer>
  114.     <!-- end Footer -->
  115. </div>
  116. <!-- end auth-page-wrapper -->
  118. {{ encore_entry_script_tags('userMain') }}
  120. {{ encore_entry_script_tags('userLogin') }}
  121. </body>
  123. </html>