templates/security/signin.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  3. <html lang="en">
  4. <!--begin::Head-->
  6. <head>
  7.     <base href="../" />
  8.     <title>{{'SIGNIN_TITLE'|trans}}</title>
  9.     {% include 'partials_v2/meta.html.twig' %}
  10.         {% block meta %}{% endblock %}
  11.     <!--begin::Fonts(mandatory for all pages)-->
  12.     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700" />
  13.     <!--end::Fonts-->
  14.     <!-- custom links -->
  15.         <link href="{{ asset('v2/assets/css/main.style.css')}}" rel="stylesheet" type="text/css" />
  16.             <!--begin::Global Stylesheets Bundle(mandatory for all pages)-->
  17.         <link href="{{ asset('v2/assets/plugins/global/plugins.bundle.css')}}" rel="stylesheet" type="text/css" />
  18.         <link href="{{ asset('v2/assets/css/style.bundle.css')}}" rel="stylesheet" type="text/css" />
  19.     <!--end::Global Stylesheets Bundle-->
  20. </head>
  21. <!--end::Head-->
  22. <!--begin::Body-->
  24. <body id="kt_body" class="app-blank bgi-size-cover bgi-position-center bgi-no-repeat">
  25.     <!--begin::Theme mode setup on page load-->
  26.     <script>
  27.         var defaultThemeMode = "light";
  28.         var themeMode;
  29.         if (document.documentElement) {
  30.             if (document.documentElement.hasAttribute("data-theme-mode")) {
  31.                 themeMode = document.documentElement.getAttribute("data-theme-mode");
  32.             } else {
  33.                 if (localStorage.getItem("data-theme") !== null) {
  34.                     themeMode = localStorage.getItem("data-theme");
  35.                 } else {
  36.                     themeMode = defaultThemeMode;
  37.                 }
  38.             }
  39.             if (themeMode === "system") {
  40.                 themeMode = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
  41.             }
  42.             document.documentElement.setAttribute("data-theme", themeMode);
  43.         }
  44.     </script>
  46.     <div class="d-flex flex-column flex-root">
  47.         <!--begin::Page bg image-->
  48.         <!--end::Page bg image-->
  49.         <!--begin::Authentication - Sign-in -->
  50.         <div class="d-flex flex-column flex-lg-row flex-column-fluid ls-signin-bg">
  51.             <!--begin::Aside-->
  52.             <div class="d-flex flex-lg-row-fluid">
  53.                 <!--begin::Content-->
  54.                 <div class="d-flex flex-column flex-center pb-0 pb-lg-10 p-10 w-100">
  55.                     
  56.                     <!-- begin::sign in logos -->
  57.                     <div class="ls-signin-img mb-8">
  58.                         <img src="{{ asset('v2/assets/media/illustrations/signin-img.png') }}" class="img-fluid">
  59.                     </div>
  60.                     <!-- end::sign in logos -->
  61.                     
  62.                     <h1 class="text-gray-800 fs-2qx fw-bold text-center mb-7">{{'TCARD_CAPTION'|trans}}</h1>
  63.                     <!--end::Title-->
  64.                     <!--begin::Text-->
  65.                                         <div class="text-gray-600 fs-base text-center fw-semibold">{{'TCARD_CAPTION_SUB'|trans|raw}}</div>
  66.                     {#<div class="text-gray-600 fs-base text-center fw-semibold">In this kind of post,
  67.                         <a href="#" class="opacity-75-hover text-primary me-1">the blogger</a>introduces a person
  68.                         they’ve interviewed
  69.                         <br />and provides some background information about
  70.                         <a href="#" class="opacity-75-hover text-primary me-1">the interviewee</a>and their
  71.                         <br />work following this is a transcript of the interview.</div>#}
  72.                     <!--end::Text-->
  73.                 </div>
  74.                 <!--end::Content-->
  75.             </div>
  76.             <!--begin::Aside-->
  77.             <!--begin::Body-->
  78.             <div class="d-flex flex-column-fluid flex-lg-row-auto justify-content-center justify-content-lg-end p-12">
  79.                 <!--begin::Wrapper-->
  80.                 <div class="bg-body d-flex flex-center rounded-4 w-md-600px p-10 ls-signin-formbox-shadow">
  81.                     <!--begin::Content-->
  82.                     <div class="w-md-400px">
  83.                         <!--begin::Form-->
  84.                         {# <form class="form w-100" novalidate="novalidate" id="kt_sign_in_form" #}
  85.                             {# data-kt-redirect-url="../../demo13/dist/index.html" action="#"> #}
  86.                         <form  method="post" action="{{path('app_login')}}" id="kt_sign_in_form" class="login-form">
  87.                             <!--begin::Heading-->
  88.                             <div class="text-center mb-11">
  89.                                 <div class="ls-signin-form-logo ls-br-10px d-inline-block mb-8">
  90.                                     <img src="{{ asset('v2/assets/media/logos/lts.png') }}" alt="" class="img-fluid w-200px" />
  91.                                 </div>
  93.                                 <!--begin::Title-->
  94.                                 <h1 class="text-dark fw-bolder mb-3">{{'SIGNIN_PAGE_TITLE'|trans}}</h1>
  95.                                 <!--end::Title-->
  96.                                 <!--begin::Subtitle-->
  97. {#                                <div class="text-gray-500 fw-semibold fs-6">{{ 'SIGN_UP'|trans }}</div>#}
  99.                                 <!--end::Subtitle=-->
  100.                             </div>
  101.                             <!--begin::Heading-->
  102.                             <!--begin::Login options-->
  103.                             <div class="row g-3 mb-9 {{sso_enabled|default(0) == 0 ? 'd-none' : ''}}">
  104.                                 <!--begin::Col-->
  105.                                  <div class="col-md-12">
  106.                                     <!--begin::Google link=-->
  107.                                     <a href="{{path('connect_cognito_start')}}"
  108.                                                                            class="btn btn-flex btn-outline btn-text-gray-700 btn-active-color-primary ls-br-10px bg-state-light flex-center text-nowrap w-100 py-2">
  109.                                         <img alt="Logo" src="{{asset('v2/assets/media/svg/SSO.svg')}}"
  110.                                             class="h-30px me-3" />{{'SIGNIN_SSO_TITLE'|trans}}</a>
  111.                                     <!--end::Google link=-->
  112.                                 </div> 
  113.                                 <!--end::Col-->
  114.                                 <!--begin::Col-->
  115.                                 {# <div class="col-md-6">
  116.                                     <!--begin::Google link=-->
  117.                                     <a href="#"
  118.                                         class="btn btn-flex btn-outline btn-text-gray-700 btn-active-color-primary ls-br-10px bg-state-light flex-center text-nowrap w-100">
  119.                                         <img alt="Logo" src="assets/media/svg/brand-logos/apple-black.svg"
  120.                                             class="theme-light-show h-15px me-3" />
  121.                                         <img alt="Logo" src="assets/media/svg/brand-logos/apple-black-dark.svg"
  122.                                             class="theme-dark-show h-15px me-3" />Sign in with Apple</a>
  123.                                     <!--end::Google link=-->
  124.                                 </div> #}
  125.                                 {#<div class="d-flex justify-content-end align-items-center mb-4 mt-4 text-center">
  126.                                 <a href="{{path('connect_cognito_start')}}" role="button" class="w-100">Sign in with SSO</a>
  127.                             </div>#}
  128.                                 <!--end::Col-->
  129.                             </div>
  130.                             <!--end::Login options-->
  131.                             <!--begin::Separator-->
  132.                             <div class="separator separator-content my-14 {{sso_enabled|default(0) == 0 ? 'd-none' : ''}}">
  133.                                                             <span class="w-125px text-gray-500 fw-semibold fs-7">{{'OR_WITH_MAIL'|trans}}</span>
  134.                             </div>
  135.                             <!--end::Separator-->
  136.                             {% for flashSuccess in app.flashes('reset_password_success') %}
  137.                                 <div class="alert alert-success alert-dismissible fade show mail-send-success px-4" role="alert">
  138.                                     {{ flashSuccess }}
  139.                                 </div>
  140.                             {% endfor %}
  141.                             <!--begin::Input group=-->
  142.                             <div class="fv-row mb-8">
  143.                                 <!--begin::Email-->
  144.                                 <input type="text" placeholder="{{ 'EMAIL'|trans }}" name="email" autocomplete="off"
  145.                                     class="form-control bg-transparent ls-br-10px" />
  146.                                 <!--end::Email-->
  147.                             </div>
  148.                             <!--end::Input group=-->
  149.                             <div class="fv-row" data-kt-password-meter="true">
  150.                                                             <div class="mb-1">
  151.                                                                 <div class="position-relative mb-3">
  152.                                                                         <!--begin::Password-->
  153.                                                                         <input type="password" placeholder="{{ 'PASSWORD'|trans }}" name="password" autocomplete="off"
  154.                                                                                 class="form-control bg-transparent ls-br-10px toggle-password" />
  155.                                                                                 <span toggle="#password"
  156.                                                                                                 class="btn btn-sm btn-icon position-absolute translate-middle top-50 end-0 me-n2 toggle-password"
  157.                                                                                                 data-kt-password-meter-control="visibility">
  158.                                                                                      <i class="bi bi-eye-slash fs-2"></i>
  159.                                                                                      <i class="bi bi-eye fs-2 d-none"></i>
  160.                                                                                 </span>
  161.                                                                         <!--end::Password-->
  162.                                                                 </div>
  163.                                                             </div>
  164.                                                             <div class="d-none" data-kt-password-meter-control="highlight"></div>
  165.                             </div>
  166.                             <!--end::Input group=-->
  167.                             <!--begin::Wrapper-->
  168.                             <div class="d-flex flex-stack flex-wrap gap-3 fs-base fw-semibold mb-8">
  169.                                 <div></div>
  170.                                 <!--begin::Link-->
  171.                                                                 <a href="{{path('app_forgot_password_request')}}" class="link-primary">{{'FORGOT_PW'|trans}}</a>
  172.                                 <!--end::Link-->
  173.                             </div>
  174.                             <!--end::Wrapper-->
  175.                             <!--begin::Submit button-->
  176.                             <div class="d-grid mb-10">
  177.                                 <button type="submit" id="kt_sign_in_submit" class="btn btn-primary ls-br-10px">
  178.                                     <!--begin::Indicator label-->
  179.                                     <span class="indicator-label">{{'SIGNIN_BTN_TITLE'|trans}}</span>
  180.                                     <!--end::Indicator label-->
  181.                                     <!--begin::Indicator progress-->
  182.                                     <span class="indicator-progress">{{'PLEASE_WAIT'|trans}}
  183.                                         <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
  184.                                     <!--end::Indicator progress-->
  185.                                 </button>
  186.                             </div>
  187.                             <!--end::Submit button-->
  188.                             <!--begin::Sign up-->
  189.                             {% if enable_sign_up %}
  190.                                 <div class="text-gray-500 text-center fw-semibold fs-6">{{'NOT_A_MEMBER_YET'|trans}}
  191.                                     <a href="{{path('app_registration_page')}}" class="link-primary">{{'SIGNUP_BTN_TITLE'|trans}}</a>
  192.                                 </div>
  193.                             {% endif %}
  194.                             <!--end::Sign up-->
  195.                             {% if error %}
  196.                                 {% if error.message == 'emailnotfound' %}
  197.                                     {% set error_message = 'INVALID_USR_MSG'|trans %}
  198.                                 {% elseif error.message == 'userdeleted' %}
  199.                                     {% set error_message = 'ACCOUNT_DELETED_BY_ADMIN'|trans %}
  200.                                 {% elseif error.message == 'notactive' %}
  201.                                     {% set error_message = 'ACCOUNT_DISABLED_BY_ADMIN'|trans %}
  202.                                 {% elseif error.message == 'notverified' %}
  203.                                     {% set error_message = 'MAIL_NOT_VERIFIED'|trans %}
  204.                                 {% else %}
  205.                                     {% set error_message = 'INVALID_USR_MSG'|trans %}
  206.                                 {% endif %}
  207.                                 <div class="text-center my-3">
  208.                                     <label id="inputEmail-error" class="text-danger" > {{ error_message }} </label>
  209.                                 </div>
  210.                             {% endif %}
  211.                             <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  212.                         </form>
  213.                         <!--end::Form-->
  214.                     </div>
  215.                     <!--end::Content-->
  216.                 </div>
  217.                 <!--end::Wrapper-->
  218.             </div>
  219.             <!--end::Body-->
  220.         </div>
  221.         <!--end::Authentication - Sign-in-->
  222.     </div>
  223.     <!--end::Root-->
  224.     <!--end::Main-->
  225.     <!--begin::Javascript-->
  226.     <script>
  227.         var hostUrl = "assets/";
  228.         var transArray = {
  229.             'MAIL_REQUIRED' : '{{ 'MAIL_REQUIRED'|trans }}',
  230.             'PASSWORD_REQUIRED' : '{{ 'PASSWORD_REQUIRED'|trans }}',
  231.         };
  232.     </script>
  233.     <!--begin::Global Javascript Bundle(mandatory for all pages)-->
  234.     <script src="{{ asset('v2/assets/plugins/global/plugins.bundle.js')}} "></script>
  235.         <script src="{{ asset('v2/assets/js/scripts.bundle.js')}} "></script>
  236.         <script type="text/javascript" src="{{asset('v2/assets/js/custom/main.js')}}"></script>
  237.     <!--end::Global Javascript Bundle-->
  238.     <!--begin::Custom Javascript(used for this page only)-->
  239.     <script src="{{ asset('v2/assets/js/custom/page/lts_signin.js')}}"></script>
  240.     <!--end::Custom Javascript-->
  241.     <!--end::Javascript-->
  242.     
  243.     
  244. </body>
  245. <!--end::Body-->
  247. </html>