templates/security/change_password.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ 'form.action.forget_password'|trans }} - {{ 'app.name'|trans }}{% endblock %}
  4. {% form_theme form 'bootstrap_4_layout.html.twig' %}
  6. {% block bodyClass %}auth-page{% endblock %}
  8. {% block body %}
  9. <div class="auth-wrap">
  10.     <div class="auth-header auth-login-header">
  11.         <!-- Logo -->
  12.         <img class="auth-logo" src="{{ asset('images/labo.svg') }}" alt="{{ 'app.name'|trans }}">
  14.         <!-- Lang -->
  15.         <div class="dropdown lang-dropdown">
  16.             <button class="btn btn-lang dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown"
  17.                 aria-haspopup="true" aria-expanded="false">
  18.                 {% if app.request.locale == 'fr' %}
  19.                 {{ 'header.fr'|trans }}
  20.                 {% else %}
  21.                 {{ 'header.en'|trans }}
  22.                 {% endif %}
  23.             </button>
  24.             <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
  25.                 {% if app.request.locale == 'fr' %}
  26.                 <a class="dropdown-item" href="{{ path('setlocale', {'language': 'en'}) }}">{{ 'header.en'|trans }}</a>
  27.                 {% else %}
  28.                 <a href="{{ path('setlocale', {'language': 'fr'}) }}">{{ 'header.fr'|trans }}</a>
  29.                 {% endif %}
  30.             </div>
  31.         </div>
  32.     </div>
  34.     <div class="auth-content">
  35.         <div class="form-col">
  36.             <div class="auth-block">
  37.                 <h1 class="auth-title">{{ 'form.action.forget_password'|trans }}</h1>
  38.                 <div class="auth-text">{{ 'auth.or'|trans }} <a href="{{ path('app_login') }}">{{
  39.                         'auth.connect_account'|trans }}</a></div>
  41.                 {{ form_start(form, {'attr' : { 'class' : 'auth-form'}}) }}
  43.                     {{ form_errors(form) }}
  45.                     <!-- Flash messages-->
  46.                     {% include 'common/all_flash.html.twig' %}
  48.                     {% if error %}
  49.                     <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  50.                     {% endif %}
  52.                     <div class="form-group form-group-mb {% if error %}has-error{% endif %}">
  53.                         {{ form_widget(form.email, { 'id' : 'username', 'placeholder' : 'form.label.email', 'name' :
  54.                         '_username'}) }}
  55.                         <label class="required" for="username">{{ 'form.label.email'|trans }}</label>
  56.                         <div class="help-text">
  57.                             {{ 'form.alert.email'|trans }}
  58.                         </div>
  59.                     </div>
  61.                     {{ form_row(form.submit, {'attr' : { 'class' : 'btn btn-primary btn-lg'}})}}
  63.                     <div class="mandatory-text">{{ 'form.label.mandatory'|trans }}</div>
  64.                 {{ form_end(form) }}
  65.             </div>
  66.         </div>
  68.         <!-- Text -->
  69.         <div class="text-col">
  70.             <div class="auth-text-block">
  71.                 <div id="typed-strings">
  72.                     <p>{{ 'auth.title.first_word'|trans }} </p>
  73.                     <p>{{ 'auth.title.second_word'|trans }} </p>
  74.                     <p>{{ 'auth.title.third_word'|trans }} </p>
  75.                 </div>
  76.                 <div id="typed-strings2">
  77.                     <p>{{ 'auth.title.fourth_word'|trans }} </p>
  78.                     <p>{{ 'auth.title.fith_word'|trans }} </p>
  79.                 </div>
  80.                 <h2 class="auth-text-title">
  81.                     <p class="typed-text" id="typed"></p>{{ 'auth.title.last_sentence'|trans }} <p class="typed-text typed-alt-text" id="typed2"></p>
  82.                 </h2>
  83.                 <div class="auth-text-text">
  84.                     {{ 'auth.text'|trans }}
  85.                 </div>
  86.                 <div class="auth-text-action">
  87.                     <a class="btn btn-primary-outline btn-lg" href="#" target="_blank">{{ 'auth.btn'|trans }}</a>
  88.                 </div>
  89.             </div>
  90.         </div>
  91.     </div>
  92. </div>
  93. {% endblock %}