templates/security/login.html.twig line 1

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>Gestion Immo Smart</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 -->
  15.     <script src="{{ asset('assets/js/layout.js') }}"></script>
  16.     <!-- Bootstrap Css -->
  17.     <link href="{{ asset('assets/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css" />
  18.     <!-- Icons Css -->
  19.     <link href="{{ asset('assets/css/icons.min.css') }}" rel="stylesheet" type="text/css" />
  20.     <!-- App Css-->
  21.     <link href="{{ asset('assets/css/app.min.css') }}" rel="stylesheet" type="text/css" />
  22.     <!-- custom Css-->
  23.     <link href="{{ asset('assets/css/custom.min.css') }}" rel="stylesheet" type="text/css" />
  25. </head>
  27. <body>
  29. <!-- auth-page wrapper -->
  30. <div class="auth-page-wrapper auth-bg-cover py-5 d-flex justify-content-center align-items-center min-vh-100">
  31.     <div class="bg-overlay"></div>
  32.     <!-- auth-page content -->
  33.     <div class="auth-page-content overflow-hidden pt-lg-5">
  34.         <div class="container">
  35.             <div class="row">
  36.                 <div class="col-lg-12">
  37.                     <div class="card overflow-hidden">
  38.                         <div class="row g-0">
  39.                             <div class="col-lg-6">
  40.                                 <div class="p-lg-5 p-4 auth-one-bg h-100">
  41.                                     <div class="bg-overlay"></div>
  42.                                     <div class="position-relative h-100 d-flex flex-column">
  43.                                         <div class="mb-4">
  44.                                             <a href="{{ path('app_login') }}" class="d-block">
  45.                                                 <img src="{{ asset('assets/images/immo.png') }}" alt="" height="27">
  46.                                             </a>
  47.                                         </div>
  48.                                         <div class="mt-auto">
  49.                                             <div class="mb-3">
  50.                                                 <i class="ri-double-quotes-l display-4 text-success"></i>
  51.                                             </div>
  53.                                             <div id="qoutescarouselIndicators" class="carousel slide" data-bs-ride="carousel">
  54.                                                 <div class="carousel-indicators">
  55.                                                     <button type="button" data-bs-target="#qoutescarouselIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
  56.                                                     <button type="button" data-bs-target="#qoutescarouselIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
  57.                                                     <button type="button" data-bs-target="#qoutescarouselIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
  58.                                                 </div>
  59.                                                 <div class="carousel-inner text-center text-white-50 pb-5">
  60.                                                     <div class="carousel-item active">
  61.                                                         <p class="fs-15 fst-italic">" Great! Clean code, clean design, easy for customization. Thanks very much! "</p>
  62.                                                     </div>
  63.                                                     <div class="carousel-item">
  64.                                                         <p class="fs-15 fst-italic">" The theme is really great with an amazing customer support."</p>
  65.                                                     </div>
  66.                                                     <div class="carousel-item">
  67.                                                         <p class="fs-15 fst-italic">" Great! Clean code, clean design, easy for customization. Thanks very much! "</p>
  68.                                                     </div>
  69.                                                 </div>
  70.                                             </div>
  71.                                             <!-- end carousel -->
  72.                                         </div>
  73.                                     </div>
  74.                                 </div>
  75.                             </div>
  76.                             <!-- end col -->
  78.                             <div class="col-lg-6">
  79.                                 <div class="p-lg-5 p-4">
  80.                                     <div>
  81.                                         <h5 class="text-primary">Content de te revoir !</h5>
  82.                                         <p class="text-muted">Connectez-vous pour continuer sur gestion immo smart.</p>
  83.                                     </div>
  85.                                     <div class="mt-4">
  93.                                         <form method="post">
  94.                                             {% if error %}
  95.                                                 <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  96.                                             {% endif %}
  98.                                             {% if app.user %}
  99.                                                 <div class="mb-3">
  100.                                                     You are logged in as {{ app.user.userIdentifier }}, <a href="{{ path('app_logout') }}" title="">Logout</a>
  101.                                                 </div>
  102.                                             {% endif %}
  103.                                             <div class="mb-3">
  104.                                                 <label for="username" class="form-label">Email</label>
  105.                                                 <input type="email" value="{{ last_username }}" name="email" id="inputEmail" class="form-control" autocomplete="email" required autofocus>
  106.                                             </div>
  108.                                             <div class="mb-3">
  109.                                                 <input type="hidden" name="_csrf_token"
  110.                                                        value="{{ csrf_token('authenticate') }}"
  111.                                                 >
  112.                                                 <div class="float-end">
  113.                                                     <a class="text-muted">Mot de passe oublie?</a>
  114.                                                 </div>
  115.                                                 <label class="form-label" for="password-input">Mot de passe</label>
  116.                                                 <div class="position-relative auth-pass-inputgroup mb-3">
  119.                                                     <input type="password"  name="password" class="form-control pe-5 password-input" placeholder="Mot de passe" id="inputPassword" autocomplete="current-password" required>
  120.                                                     <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>
  121.                                                 </div>
  122.                                             </div>
  124.                                             <div class="form-check">
  125.                                                 <input class="form-check-input" type="checkbox" value="" id="auth-remember-check">
  126.                                                 <label class="form-check-label" for="auth-remember-check">Souviens-toi de moi</label>
  127.                                             </div>
  129.                                             <div class="mt-4">
  130.                                                 <button class="btn btn-success w-100" type="submit">Se connecter</button>
  131.                                             </div>
  133. {#                                            <div class="mt-4 text-center">#}
  134. {#                                                <div class="signin-other-title">#}
  135. {#                                                    <h5 class="fs-13 mb-4 title">Sign In with</h5>#}
  136. {#                                                </div>#}
  138. {#                                                <div>#}
  139. {#                                                    <button type="button" class="btn btn-primary btn-icon waves-effect waves-light"><i class="ri-facebook-fill fs-16"></i></button>#}
  140. {#                                                    <button type="button" class="btn btn-danger btn-icon waves-effect waves-light"><i class="ri-google-fill fs-16"></i></button>#}
  141. {#                                                    <button type="button" class="btn btn-dark btn-icon waves-effect waves-light"><i class="ri-github-fill fs-16"></i></button>#}
  142. {#                                                    <button type="button" class="btn btn-info btn-icon waves-effect waves-light"><i class="ri-twitter-fill fs-16"></i></button>#}
  143. {#                                                </div>#}
  144. {#                                            </div>#}
  146.                                         </form>
  149.                                     </div>
  151.                                     <div class="mt-5 text-center">
  152.                                         <p class="mb-0">Vous n'avez pas de compte ?  <a href="{{ path('app_register') }}" class="fw-semibold text-primary text-decoration-underline"> S'inscrire</a> </p>
  153.                                     </div>
  154.                                 </div>
  155.                             </div>
  156.                             <!-- end col -->
  157.                         </div>
  158.                         <!-- end row -->
  159.                     </div>
  160.                     <!-- end card -->
  161.                 </div>
  162.                 <!-- end col -->
  164.             </div>
  165.             <!-- end row -->
  166.         </div>
  167.         <!-- end container -->
  168.     </div>
  169.     <!-- end auth page content -->
  171.     <!-- footer -->
  172.     <footer class="footer">
  173.         <div class="container">
  174.             <div class="row">
  175.                 <div class="col-lg-12">
  176.                     <div class="text-center">
  177.                         <p class="mb-0">&copy;
  178.                             <script>document.write(new Date().getFullYear())</script> Samart-it-partner. Crafted with <i class="mdi mdi-heart text-danger"></i>
  179.                         </p>
  180.                     </div>
  181.                 </div>
  182.             </div>
  183.         </div>
  184.     </footer>
  185.     <!-- end Footer -->
  186. </div>
  187. <!-- end auth-page-wrapper -->
  189. <!-- JAVASCRIPT -->
  190. <script src="{{ asset('assets/libs/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
  191. <script src="{{ asset('assets/libs/simplebar/simplebar.min.js') }}"></script>
  192. <script src="{{ asset('assets/libs/node-waves/waves.min.js') }}"></script>
  193. <script src="{{ asset('assets/libs/feather-icons/feather.min.js') }}"></script>
  194. <script src="{{ asset('assets/js/pages/plugins/lord-icon-2.1.0.js') }}"></script>
  195. <script src="{{ asset('assets/js/plugins.js') }}"></script>
  197. <!-- password-addon init -->
  198. <script src="{{ asset('assets/js/pages/password-addon.init.js') }}"></script>
  199. </body>
  201. </html>