templates/czech/security/login.html.twig line 1

Open in your IDE?
  1. {% extends 'czech/base.html.twig' %}
  2. {% import "czech/base/_flashes.html.twig" as flashes %}
  4. {% set bodyClass = 'login' %}
  6. {% block page %}
  7.     <form action="{{ path('czech_login') }}" class="mb-0" method="post">
  8.         <div class="container sm:px-10">
  9.             <div class="block xl:grid grid-cols-2 gap-4">
  10.                 <div class="hidden xl:flex flex-col min-h-screen">
  11.                     <a href="" class="-intro-x flex items-center pt-5">
  12.                         <img alt="flowy" class="w-32" src="{{ asset('czech/assets/images/logo_white.svg') }}">
  13.                     </a>
  14.                     <div class="my-auto">
  15.                         <img alt="Midone - HTML Admin Template" class="register-image -intro-x w-1/2 -mt-16"
  16.                              src="{{ asset('czech/assets/images/2.png') }}">
  17.                         <div class="-intro-x text-white font-medium text-4xl leading-tight mt-5">
  18.                             Vytvoření účtu máte<br/>na pár kliku.
  19.                         </div>
  20.                         <div class="-intro-x mt-5 text-lg text-white text-opacity-70 dark:text-slate-400">Veškerá data
  21.                             tak budete mít na jednom mistě
  22.                         </div>
  23.                     </div>
  24.                 </div>
  25.                 <div class="xl:h-auto flex py-5 xl:py-0 my-auto">
  26.                     <div class="mb-auto mx-auto xl:ml-20 bg-white dark:bg-darkmode-600 xl:bg-transparent px-5 sm:px-8 py-8 xl:p-0 rounded-md shadow-md xl:shadow-none w-full sm:w-3/4 lg:w-2/4 xl:w-auto">
  27.                         <h2 class="intro-x font-bold text-2xl xl:text-3xl text-center xl:text-left">
  28.                             Příhlasit se
  29.                         </h2>
  30.                         <div class="intro-x mt-8">
  31.                             {{ flashes.flashes() }}
  32.                             {% if error %}
  33.                                 <div class="alert alert-danger" role="alert">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  34.                             {% endif %}
  35.                         </div>
  36.                         <div class="intro-x mt-2 text-slate-400 xl:hidden text-center">
  37.                             Vytvoření účtu máte na pár kliku.
  38.                         </div>
  39.                         <div class="intro-x mt-8">
  40.                             <input type="text" class="intro-x login__input form-control py-3 px-4 block"
  41.                                    placeholder="E-mail" name="_username">
  42.                             <input type="password" class="intro-x login__input form-control py-3 px-4 block mt-4"
  43.                                    placeholder="Heslo" name="_password">
  44.                         </div>
  45.                         <div class="intro-x flex text-slate-600 dark:text-slate-500 text-xs sm:text-sm mt-4">
  46.                             <div class="flex items-center mr-auto">
  47.                                 <input id="remember-me" type="checkbox" class="form-check-input border mr-2">
  48.                                 <label class="cursor-pointer select-none" for="remember-me">Zapamatovat si mě</label>
  49.                             </div>
  50.                             <a href="{{ path('czech_forgot_password') }}">Zapomenuté heslo?</a>
  51.                         </div>
  52.                         <div class="intro-x mt-5 xl:mt-8 text-center xl:text-left">
  53.                             <button class="btn btn-primary py-3 px-4 w-full xl:w-32 xl:mr-3 align-top">Přihlásit se
  54.                             </button>
  55.                             <a href="{{ path('czech_register') }}"
  56.                                class="btn btn-outline-secondary py-3 px-4 w-full xl:w-32 mt-3 xl:mt-0 align-top">Registrovat</a>
  57.                         </div>
  58.                         <div class="intro-x mt-10 xl:mt-24 text-slate-600 dark:text-slate-500 text-center xl:text-left">
  59.                             Přihlášením souhlasíte s našími <a class="text-primary dark:text-slate-200" target="_blank" href="https://www.flowy.digital/index.php/obchodni-podminky/">podmínkami a zásadami ochrany osobních údajú</a>
  60.                         </div>
  61.                     </div>
  62.                 </div>
  63.             </div>
  64.         </div>
  65.     </form>
  66. {% endblock %}