templates/security/login.html.twig line 1

Open in your IDE?
  2. <!DOCTYPE html>
  3.     <html lang="fr" class="js">
  5.     <head>
  6.         <meta charset="UTF-8">
  7.         <meta name="author" content="Skyreka">
  8.         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  9.         <meta name="description" content="Application Celicomm">
  10.         <title>
  11.             {% block title %}Login - CLM{% endblock %}
  12.         </title>
  13.         <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>">
  14.         <link rel="stylesheet" href="{{ asset('./assets/css/dashlite.css') }}">
  15.         <link rel="stylesheet" href="{{ asset('./assets/css/theme.css') }}">
  16.         <link id="skin-default" rel="stylesheet" href="{{ asset('./assets/css/skins/theme-green.css') }}">
  17.         {# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
  18.         {% block stylesheets %}
  19.             {{ encore_entry_link_tags('app') }}
  20.         {% endblock %}
  22.         {% block javascripts %}
  23.             {{ encore_entry_script_tags('app') }}
  24.         {% endblock %}
  25.     </head>
  27.     <body class="nk-body bg-white npc-default pg-auth">
  28.     <div class="nk-app-root">
  30.         <div class="nk-main ">
  32.             <div class="nk-wrap nk-wrap-nosidebar">
  34.                 <div class="nk-content ">
  35.                     <div class="nk-block nk-block-middle nk-auth-body  wide-xs">
  36.                         <div class="brand-logo pb-4 text-center">
  37.                             <a href="html/index.html" class="logo-link">
  38.                                 <img class="logo-light logo-img logo-img-lg" src="{{ asset('assets/images/logo.png') }}" alt="logo Celicomm">
  39.                                 <img class="logo-dark logo-img logo-img-lg" src="{{ asset('assets/images/logo-dark.png') }}" alt="logo Celicomm sombre">
  40.                             </a>
  41.                         </div>
  42.                         <div class="card">
  43.                             <div class="card-inner card-inner-lg">
  44.                                 <div class="nk-block-head">
  45.                                     <div class="nk-block-head-content">
  46.                                         <h4 class="nk-block-title">Se Connecter</h4>
  47.                                         <div class="nk-block-des">
  48.                                             <p>L'accès requière votre email et un mot de passe</p>
  49.                                         </div>
  50.                                     </div>
  51.                                 </div>
  52.                                 <form action="{{ path('login') }}" method="post">
  53.                                     {% if error %}
  54.                                         <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  55.                                     {% endif %}
  57.                                     {% if app.user %}
  58.                                         <div class="mb-3">
  59.                                             Vous êtes déjà connecté en tant que {{ app.user.userIdentifier }}, <a href="{{ path('logout') }}">déconnexion</a>
  60.                                         </div>
  61.                                     {% endif %}
  62.                                     <div class="form-group">
  63.                                         <div class="form-label-group">
  64.                                             <label class="form-label" for="inputEmail">Email*</label>
  65.                                         </div>
  66.                                         <div class="form-control-wrap">
  67.                                             <input
  68.                                                 type="email"
  69.                                                 class="form-control form-control-lg"
  70.                                                 id="inputEmail"
  71.                                                 value="{{ last_username }}"
  72.                                                 name="email"
  73.                                                 autocomplete="email"
  74.                                                 required
  75.                                                 autofocus
  76.                                                 placeholder="Entrez une adresse mail">
  77.                                         </div>
  78.                                     </div>
  79.                                     <div class="form-group">
  80.                                         <div class="form-label-group">
  81.                                             <label class="form-label" for="inputPassword">Mot de Passe*</label>
  82.                                             <a class="link link-primary link-sm" href="{{ path('forgot_password_request') }}">Mot de passe oublié?</a>
  83.                                         </div>
  84.                                         <div class="form-control-wrap">
  85.                                             <a href="#" class="form-icon form-icon-right passcode-switch lg" data-target="inputPassword">
  86.                                                 <em class="passcode-icon icon-show icon ni ni-eye"></em>
  87.                                                 <em class="passcode-icon icon-hide icon ni ni-eye-off"></em>
  88.                                             </a>
  89.                                             <input
  90.                                                 type="password"
  91.                                                 class="form-control form-control-lg"
  92.                                                 id="inputPassword"
  93.                                                 name="password"
  94.                                                 autocomplete="current-password"
  95.                                                 required
  96.                                                 placeholder="Entrez votre mot de passe">
  98.                                             <input type="hidden" name="_csrf_token"
  99.                                                    value="{{ csrf_token('authenticate') }}"
  100.                                             >
  101.                                         </div>
  102.                                     </div>
  103.                                     <div class="form-group">
  104.                                         <button type="submit" class="btn btn-lg btn-primary btn-block">Se connecter</button>
  105.                                     </div>
  106.                                 </form>
  107.                                 </div>
  109.                             </div>
  110.                         </div>
  111.                     </div>
  112.                     <div class="nk-footer nk-auth-footer-full">
  113.                         <div class="container wide-lg">
  114.                             <div class="row g-3">
  115.                                 <div class="col-lg-6 order-lg-last">
  116.                                     <ul class="nav nav-sm justify-content-center justify-content-lg-end">
  117.                                         <li class="nav-item">
  118.                                             <a class="nav-link" href="#">Politique de confidentialité</a>
  119.                                         </li>
  120.                                     </ul>
  121.                                 </div>
  122.                                 <div class="col-lg-6">
  123.                                     <div class="nk-block-content text-center text-lg-left">
  124.                                         <p class="text-soft">&copy; {{ 'now' | date('Y') }} Celicomm</p>
  125.                                     </div>
  126.                                 </div>
  127.                             </div>
  128.                         </div>
  129.                     </div>
  130.                 </div>
  132.             </div>
  134.         </div>
  136.     </div>
  138.     <script src="{{ asset('assets/js/bundle.js') }}"></script>
  139.     <script src="{{ asset('assets/js/scripts.js') }}"></script>
  140. </html>