templates/app/login/index.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>Login</title>
  8.     {{ encore_entry_link_tags('userMain') }}
  10. </head>
  12. <body>
  14. <div class="auth-page-wrapper pt-5">
  15.     <!-- auth page bg -->
  16.     <div class="auth-one-bg-position auth-one-bg"  id="auth-particles">
  17.         <div class="bg-overlay"></div>
  19.         <div class="shape">
  20.             <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1440 120">
  21.                 <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>
  22.             </svg>
  23.         </div>
  24.     </div>
  26.     <!-- auth page content -->
  27.     <div class="auth-page-content">
  28.         <div class="container">
  29.             <div class="row">
  30.                 <div class="col-lg-12">
  31.                     <div class="text-center mt-sm-5 mb-4 text-white-50">
  32.                         <div>
  33.                             <a href="/" class="d-inline-block auth-logo">
  34.                                 <img  class="loginLogo" src="{{ asset('app/assets/images/logo-light.png') }}" alt="" height="80">
  35.                             </a>
  36.                         </div>
  37.                         <p class="mt-3 fs-15 fw-medium">Api Creation Service</p>
  38.                     </div>
  39.                 </div>
  40.             </div>
  41.             <!-- end row -->
  43.             <div class="row justify-content-center">
  44.                 <div class="col-md-8 col-lg-6 col-xl-5">
  45.                     <div class="card mt-4">
  47.                         <div class="card-body p-4">
  48.                             <div class="text-center mt-2">
  49.                                 <h5 class="text-primary">Welcome Back !</h5>
  50.                                 <p class="text-muted">Sign in to continue to Searchapi.net</p>
  51.                             </div>
  52.                             <div class="p-2 mt-4">
  53.                                 {% if error %}
  55.                                     <div class="alert alert-danger alert-border-left alert-dismissible fade show mb-xl-0" style="margin-bottom: 15px !important;" role="alert">
  56.                                         <i class="ri-error-warning-line me-3 align-middle fs-16"></i><strong>Error: </strong>
  57.                                         {{ error.messageKey|trans(error.messageData, 'security') }}
  58.                                         <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
  59.                                     </div>
  60.                                 {% endif %}
  62.                                 {% for success in app.session.flashbag.get('success') %}
  64.                                     <div class="alert alert-success alert-border-left alert-dismissible fade show" role="alert">
  65.                                         <i class="ri-check-double-line me-3 align-middle"></i> <strong>Success: </strong>  {{ success }}
  66.                                         <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
  67.                                     </div>
  68.                                 {% endfor %}
  69.                                 <form action="{{ path('login') }}" class="needs-validation" method="post" novalidate>
  70.                                     <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  71.                                     <div class="mb-3">
  72.                                         <label for="username" class="form-label">Email</label>
  73.                                         <input type="text" class="form-control" id="username" name="_username" value="{{ last_username }}" placeholder="Enter email" required >
  74.                                         <div class="invalid-feedback">
  75.                                             Please enter email.
  76.                                         </div>
  77.                                     </div>
  79.                                     <div class="mb-3">
  80.                                         <div class="float-end">
  81.                                             <a href="{{ path('app_forgot_password_request') }}" class="text-muted">Forgot password?</a>
  82.                                         </div>
  83.                                         <label for="userpassword" class="form-label">Password</label>
  84.                                         <input type="password" class="form-control" id="userpassword" name="_password" placeholder="Enter password" required>
  85.                                         <div class="invalid-feedback">
  86.                                             Please enter password
  87.                                         </div>
  88.                                     </div>
  90.                                     <div class="form-check">
  91.                                         <input class="form-check-input" type="checkbox" value="" id="auth-remember-check">
  92.                                         <label class="form-check-label" for="auth-remember-check">Remember me</label>
  93.                                     </div>
  95.                                     <div class="mt-4">
  96.                                         <button class="btn btn-success w-100" type="submit">Sign In</button>
  97.                                     </div>
  99.                                   {#  <div class="mt-4 text-center">
  100.                                         <div class="signin-other-title">
  101.                                             <h5 class="fs-13 mb-4 title">Sign In with</h5>
  102.                                         </div>
  103.                                         <div>
  104.                                             <button type="button" class="btn btn-primary btn-icon waves-effect waves-light"><i class="ri-facebook-fill fs-16"></i></button>
  105.                                             <button type="button" class="btn btn-danger btn-icon waves-effect waves-light"><i class="ri-google-fill fs-16"></i></button>
  106.                                             <button type="button" class="btn btn-dark btn-icon waves-effect waves-light"><i class="ri-github-fill fs-16"></i></button>
  107.                                             <button type="button" class="btn btn-info btn-icon waves-effect waves-light"><i class="ri-twitter-fill fs-16"></i></button>
  108.                                         </div>
  109.                                     </div>#}
  110.                                 </form>
  111.                             </div>
  112.                         </div>
  113.                         <!-- end card body -->
  114.                     </div>
  115.                     <!-- end card -->
  117.                     <div class="mt-4 text-center">
  118.                         <p class="mb-0">Don't have an account ? <a href="{{ path('app_register') }}" class="fw-semibold text-primary text-decoration-underline"> Signup </a> </p>
  119.                     </div>
  121.                 </div>
  122.             </div>
  123.             <!-- end row -->
  124.         </div>
  125.         <!-- end container -->
  126.     </div>
  127.     <!-- end auth page content -->
  129.     <!-- footer -->
  130.     <footer class="footer">
  131.         <div class="container">
  132.             <div class="row">
  133.                 <div class="col-lg-12">
  134.                     <div class="text-center">
  135.                         <p class="mb-0 text-muted">&copy; <script>document.write(new Date().getFullYear())</script> searchap.net </p>
  136.                     </div>
  137.                 </div>
  138.             </div>
  139.         </div>
  140.     </footer>
  141.     <!-- end Footer -->
  142. </div>
  143. <!-- end auth-page-wrapper -->
  145. {{ encore_entry_script_tags('userMain') }}
  146. {{ encore_entry_script_tags('userLogin') }}
  148. </body>
  150. </html>