templates/security/login.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html
  3.     class="loading semi-dark-layout" lang="fr" data-layout="semi-dark-layout" data-textdirection="ltr">
  5.     <!-- BEGIN: Head-->
  6.     <head>
  7.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  8.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  9.         <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0,minimal-ui">
  10.         <meta name="description" content="Vuexy admin is super flexible, powerful, clean &amp; modern responsive bootstrap 4 admin template with unlimited possibilities.">
  11.         <meta name="keywords" content="admin template, Vuexy admin template, dashboard template, flat admin template, responsive admin template, web app">
  12.         <meta name="author" content="PIXINVENT">
  13.         <title>Connexion - Ato Misy</title>
  14.         <link rel="apple-touch-icon" href="{{ asset('images/logo-no-margin.png') }}">
  15.         <link rel="shortcut icon" type="image/x-icon" href="{{ asset('images/logo-no-margin.png') }}">
  16.         <link
  17.         href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;1,400;1,500;1,600" rel="stylesheet">
  19.         <!-- BEGIN: Vendor CSS-->
  20.         <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/css/vendors.min.css') }}">
  21.         <!-- END: Vendor CSS-->
  23.         <!-- BEGIN: Theme CSS-->
  24.         <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css/bootstrap.css') }}"> <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css/bootstrap-extended.css') }}">
  25.         <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css/colors.css') }}">
  26.         <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css/components.css') }}">
  27.         <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css/themes/dark-layout.css') }}">
  28.         <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css/themes/bordered-layout.css') }}">
  29.         <link
  30.         rel="stylesheet" type="text/css" href="{{ asset('app-assets/css/themes/semi-dark-layout.css') }}">
  32.         <!-- BEGIN: Page CSS-->
  33.         <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css/core/menu/menu-types/vertical-menu.css') }}">
  34.         <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css/plugins/forms/form-validation.css') }}">
  35.         <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css/pages/page-auth.css') }}">
  36.         <!-- END: Page CSS-->
  38.         <!-- BEGIN: Custom CSS-->
  39.         <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/style.css') }}"> <link
  40.         rel="stylesheet" type="text/css" href="{{ asset('app-assets/css/custom.css') }}">
  41.     <!-- END: Custom CSS-->
  43.     </head>
  44.     <!-- END: Head-->
  46.     <!-- BEGIN: Body-->
  47.     <body
  48.         class="vertical-layout vertical-menu-modern blank-page navbar-floating footer-static  " data-open="click" data-menu="vertical-menu-modern" data-col="blank-page">
  49.         <!-- BEGIN: Content-->
  50.         <div class="app-content content ">
  51.             <div class="content-overlay"></div>
  52.             <div class="header-navbar-shadow"></div>
  53.             <div class="content-wrapper">
  54.                 <div class="content-header row"></div>
  55.                 <div class="content-body">
  56.                     <div class="auth-wrapper auth-v1 px-2">
  57.                         <div
  58.                             class="auth-inner py-2">
  59.                             <!-- Login v1 -->
  60.                             <div class="card mb-0">
  61.                                 <div class="card-body">
  62.                                     <a href="#" class="brand-logo">
  63.                                         <img src="{{ asset('images/logo-no-margin.png') }}" alt="logo" height="35">
  64.                                         <h2 class="brand-text text-primary ms-1">Ato Misy</h2>
  65.                                     </a>
  67.                                     <h4 class="card-title mb-1">Bienvenue dans Ato Misy! ðŸ‘‹</h4>
  69.                                     <p class="card-text mb-2">Veuillez-vous connecter Ã  votre compte</p>
  71.                                     <form class="auth-login-form mt-2" action="{{ path('app_login') }}" method="POST">
  72.                                         {% include "component/_flash__message.html.twig" %}
  74.                                         {% if error %}
  75.                                             <div class="alert alert-danger alert-dismissible fade show flash">Identifiant ou mot de passe incorrects
  76.                                                 <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
  77.                                             </div>
  78.                                         {% endif %}
  80.                                         <div class="mb-1">
  81.                                             <label for="inputEmail">Email</label>
  82.                                             <input type="text" value="{{ last_username }}" name="email" id="inputEmail" class="form-control" autocomplete="email" required autofocus>
  83.                                         </div>
  85.                                         <div class="mb-1">
  86.                                             <div class="d-flex justify-content-between">
  87.                                                 <label for="inputPassword">Password</label>
  88.                                                 <a href="{{ path('app.request.password') }}">
  89.                                                     <small>Mot de passe oublié ?</small>
  90.                                                 </a>
  91.                                             </div>
  92.                                             <div class="input-group input-group-merge form-password-toggle">
  93.                                                 <input type="password" class="form-control form-control-merge" id="inputPassword" name="password" tabindex="2" placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;" aria-describedby="login-password" autocomplete="current-password" required/>
  94.                                                 <span class="input-group-text cursor-pointer">
  95.                                                     <i data-feather="eye"></i>
  96.                                                 </span>
  97.                                             </div>
  98.                                             {# csrf token #}
  99.                                             <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  100.                                         </div>
  101.                                         <div class="mb-1">
  102.                                             <div class="form-check">
  103.                                                 <label>
  104.                                                     <input class="form-check-input" type="checkbox" name="_remember_me" tabindex="3">
  105.                                                     Se souvenir de moi
  106.                                                 </label>
  107.                                             </div>
  108.                                         </div>
  110.                                         <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  111.                                         <button class="btn btn-primary w-100" tabindex="4" type="submit">Se connecter</button>
  112.                                     </form>
  113.                                 </div>
  114.                             </div>
  115.                             <!-- /Login v1 -->
  116.                         </div>
  117.                     </div>
  119.                 </div>
  120.             </div>
  121.         </div>
  122.         <!-- END: Content-->
  124.         <!-- BEGIN: Vendor JS-->
  125.         <script src="{{ asset('app-assets/vendors/js/vendors.min.js') }}"></script>
  126.         <!-- BEGIN Vendor JS-->
  128.         <!-- BEGIN: Page Vendor JS-->
  129.         {#<script src="{{ asset('app-assets/vendors/js/forms/validation/jquery.validate.min.js') }}"></script>#}
  130.         <!-- END: Page Vendor JS-->
  132.         <!-- BEGIN: Theme JS--><script src="{{ asset('app-assets/js/core/app-menu.js') }}"> </script>
  133.         <script src="{{ asset('app-assets/js/core/app.js') }}"></script>
  134.         <!-- END: Theme JS-->
  136.         <!-- BEGIN: Page JS-->
  137.         <script src="{{ asset('app-assets/js/scripts/pages/page-auth-login.js') }}"></script>
  138.         <!-- END: Page JS-->
  140.         <script>
  141.             $(window).on('load', function () {
  142.                 if (feather) {
  143.                     feather.replace({width: 14, height: 14});
  144.                 }
  145.             })
  146.         </script>
  147.     </body>
  148.     <!-- END: Body-->
  149. </html>