src/Front/Templates/Customer/login.html.twig line 1

  1. {% extends '@front_templates/base.html.twig' %}
  3. {% block bodyId %}customer-login{% endblock %}
  5. {% from '@front_templates/_includes/_icons.html.twig' import google,orcid %}
  7. {% block content %}
  8.     <div class="container grid-2-cols grid-2-cols--custom-rows">
  9.         {% include '@front_templates/_includes/_breadcrumbs.html.twig' with {
  10.             pageName: 'Logowanie'|trans,
  11.         } %}
  12.         <div>
  13.             <form class="form form--login js-form" method="post" action="{{ site_url_generator.Url('customer_login') }}">
  14.                 <h2 class="heading heading--mt0">{{ 'Logowanie'|trans }}</h2>
  15.                 <h3 class="heading-sm heading-sm--mb25">{{ 'Posiadam konto czytelnika'|trans }}</h3>
  16.                 {% if error %}
  17.                     <div class="error">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  18.                 {% endif %}
  19.                 <div class="form__wrapper">
  20.                     <div class="form__item">
  21.                         <label for="email" class="form__label">{{ 'e-mail'|trans }}</label>
  22.                         <input type="username" id="username" name="_username" value="{{ last_username }}" class="form__input">
  23.                     </div>
  24.                     <div class="form__item">
  25.                         <label for="password" class="form__label">{{ 'hasło'|trans }}</label>
  26.                         <input type="password" id="password" name="_password" class="form__input js-password">
  27.                         <button type="button" class="js-toggle-password form__action link">{{ 'Pokaż'|trans }}</button>
  28.                     </div>
  29.                     <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  30.                     <button type="submit" class="btn btn--center btn--gradient"><span>{{ 'zaloguj się'|trans }}</span></button>
  31.                     <a href="" class="link link--center" id="customer-reset-password-link-btn">
  32.                         {{ 'Nie pamiętasz hasła?'|trans }}
  33.                     </a>
  34.                 </div>
  35.             </form>
  36.             <form class="form form--login js-form" style="display:none" id="customer-reset-password-link-form">
  37.                 <div class="form__wrapper">
  38.                     <div class="form__item">
  39.                         <label for="email" class="form__label">{{ 'e-mail'|trans }}</label>
  40.                         <input type="email" id="email" name="email" class="form__input" required>
  41.                     </div>
  42.                     <button type="submit" class="btn btn--center btn--gradient"><span>{{ 'resetuj hasło'|trans }}</span></button>
  43.                 </div>
  44.             </form>
  45.             <form class="form form--login js-form">
  46.                 <div class="form__wrapper">
  47.                     <h3 class="heading-sm heading-sm--center">{{ 'Możesz również zalogować się za pomocą'|trans }}</h3>
  48.                     <a href="{{ google_client.createAuthUrl() }}" class="btn btn--light">
  49.                         <span class="btn__with-ico">
  50.                             {{ google('T_GOOGLE'|trans) }}
  51.                             GOOGLE
  52.                         </span>
  53.                     </a>
  54.                     <a href="{{ orcid_client.getAuthorizationUrl() }}" class="btn btn--light">
  55.                         <span class="btn__with-ico">
  56.                             {{ orcid('T_ORCID'|trans) }}
  57.                             ORCID
  58.                         </span>
  59.                     </a>
  60.                 </div>
  61.             </form>
  62.         </div>
  63.         <div>
  64.             <h3 class="heading-sm heading-sm--mb25">{{ 'Nie masz konta w naszym serwisie?'|trans }}</h3>
  65.             <a href="{{ site_url_generator.Url('customer_register') }}" class="btn btn--light">
  66.                 <span>{{ 'Załóż konto'|trans }}</span>
  67.             </a>
  68.             <div class="register-text">{{ 'T_REGISTER_BENEFITS'|trans|raw }}</div>
  69.         </div>
  70.     </div>
  71. {% endblock %}
  73. {% block additionalJS %}
  74.     <script>
  75.         const API_CUSTOMER_RESET_PASSWORD_LINK_URL = '{{ path('_api_/customers/reset_password/link_post') }}';
  77.         const TRANSLATIONS = {
  78.             HIDE: '{{ 'Ukryj'|trans }}',
  79.             SHOW: '{{ 'Pokaż'|trans }}',
  80.             RESET_PASSWORD_LINK_SUCCESS: '{{ 'Wysłaliśmy na Twój adres e-mail link do resetu hasła'|trans }}'
  81.         }
  82.     </script>
  83. {% endblock %}