templates/security/login.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Se Connecter !{% endblock %}
  5. {% block main %}
  6.     <div class="d-flex flex-column flex-root">
  7.         <!--begin::Authentication - Sign-in -->
  8.         <div class="d-flex flex-column flex-column-fluid bgi-position-y-bottom position-x-center bgi-no-repeat bgi-size-contain bgi-attachment-fixed"
  9.              style="background-image: url({{ asset('assets/theme/media/illustrations/sketchy-1/14.png') }}">
  10.             <!--begin::Content-->
  11.             <div class="d-flex flex-center flex-column flex-column-fluid p-10 pb-lg-20">
  12.                 <!--begin::Logo-->
  13.                 <a href="{{ path('dashboard') }}" class="mb-12">
  14.                     <img alt="Logo" src="{{ asset('logos/logo.png') }}" class="h-40px"/>
  15.                 </a>
  16.                 <!--end::Logo-->
  17.                 <!--begin::Wrapper-->
  18.                 <div class="w-lg-500px bg-body rounded shadow-sm p-10 p-lg-15 mx-auto">
  19.                     <!--begin::Form-->
  20.                     <form class="form w-100" novalidate="novalidate" id="kt_sign_in_form" method="post">
  21.                         <!--begin::Heading-->
  22.                         <div class="text-center mb-10">
  23.                             <!--begin::Title-->
  24.                             <h1 class="text-dark mb-3">Se Connecter</h1>
  25.                             {% for label, messages in app.flashes %}
  26.                                 <div class="alert alert-{{ label }}">
  27.                                     {% for message in messages %}
  28.                                         <p>{{ message | raw }}</p>
  29.                                     {% endfor %}
  30.                                 </div>
  31.                             {% endfor %}
  33.                             {% if error %}
  34.                                 <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  35.                             {% endif %}
  36.                             <!--end::Title-->
  37.                         </div>
  38.                         <!--begin::Heading-->
  39.                         <!--begin::Input group-->
  40.                         <div class="fv-row mb-10">
  41.                             <!--begin::Label-->
  42.                             <label class="form-label fs-6 fw-bolder text-dark">Email</label>
  43.                             <!--end::Label-->
  44.                             <!--begin::Input-->
  45.                             <input class="form-control form-control-lg form-control-solid" type="text" name="email"
  46.                                    autocomplete="off"/>
  47.                             <!--end::Input-->
  48.                         </div>
  49.                         <!--end::Input group-->
  50.                         <!--begin::Input group-->
  51.                         <div class="fv-row mb-10">
  52.                             <!--begin::Wrapper-->
  53.                             <div class="d-flex flex-stack mb-2">
  54.                                 <!--begin::Label-->
  55.                                 <label class="form-label fw-bolder text-dark fs-6 mb-0">Mot de passe</label>
  56.                                 <!--end::Label-->
  57.                                 <!--begin::Link-->
  58.                                 <a href="{{ path('app_forgot_password_request') }}" class="link-primary fs-6 fw-bolder">Mot
  59.                                     de
  60.                                     passe oublié ?</a>
  61.                                 <!--end::Link-->
  62.                             </div>
  63.                             <!--end::Wrapper-->
  64.                             <!--begin::Input-->
  65.                             <input class="form-control form-control-lg form-control-solid" type="password"
  66.                                    name="password" autocomplete="off"/>
  67.                             <!--end::Input-->
  68.                         </div>
  69.                         <!--end::Input group-->
  70.                         <!--begin::Actions-->
  71.                         <div class="text-center">
  72.                             <!--begin::Submit button-->
  73.                             <button type="submit" id="kt_sign_in_submit" class="btn btn-lg btn-primary w-100 mb-5">
  74.                                 <span class="indicator-label">Continue</span>
  75.                                 <span class="indicator-progress">Please wait...
  76.                                     <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
  77.                             </button>
  78.                             <!--end::Submit button-->
  79.                             <!--begin::Separator-->
  80.                             <div class="text-center text-muted text-uppercase fw-bolder mb-5">Ou</div>
  81.                             <!--end::Separator-->
  82.                             <!--begin::Google link-->
  83.                             <a href="{{ path('connect_google_start') }}" type="button"
  84.                                class="btn btn-light-primary font-weight-bolder px-8 py-4 my-3 font-size-lg">
  85.                                     <span class="svg-icon svg-icon-md">
  86.                                         {{ img_icon(asset('assets/theme/media/svg/brand-logos/google-icon.svg'), 'google', 20, 20) }}
  87.                                     </span>Se connecter avec Google
  88.                             </a>
  89.                             {# <a href="#" class="btn btn-flex flex-center btn-light btn-lg w-100 mb-5">
  90.                                 <img alt="Logo" src="assets/media/svg/brand-logos/google-icon.svg" class="h-20px me-3" />Continue with Google</a> #}
  91.                             <!--end::Google link-->
  92.                         </div>
  93.                         <!--end::Actions-->
  94.                         <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  95.                     </form>
  96.                     <!--end::Form-->
  97.                 </div>
  98.                 <!--end::Wrapper-->
  99.             </div>
  100.             <!--end::Content-->
  101.             <!--begin::Footer-->
  102.             <div class="d-flex flex-center flex-column-auto p-10">
  103.                 <!--begin::Links-->
  104.                 <div class="d-flex align-items-center fw-bold fs-6">
  105.                     <div class="text-dark-50 font-size-lg font-weight-bolder mr-10">
  106.                         <span class="mr-1">2022 ©</span>
  107.                         <a href="https://smartapps.ma" target="_blank" class="text-dark-75 text-hover-primary">Digital
  108.                             Smart Apps</a>
  109.                     </div>
  110.                 </div>
  111.                 <!--end::Links-->
  112.             </div>
  113.             <!--end::Footer-->
  114.         </div>
  115.         <!--end::Authentication - Sign-in-->
  116.     </div>
  117. {% endblock %}