templates/Security/forgottenPassword.html.twig line 1

Open in your IDE?
  1. {% extends 'Security/base_login.html.twig' %}
  3. {% block title %}Asso planner | Gérer votre association{% endblock %}
  4. {% block body_class %}login-page menu--white{% endblock %}
  5. {% block search_bar %}{% endblock %}
  6. {% block breadcrumbs %}{% endblock %}
  9. {% block body %}
  10.     <div class="security-screen-content">
  11.         <div class="grid-x">
  12.             <div class="small-12 medium-12 large-6 cell small-order-2 large-order-1">
  13.                 <div class="login-left">
  14.                     <div>
  15.                         <div class="show-for-large">
  16.                             <img src="{{asset('images/logo.svg')}}" width="385px"/>
  17.                             <br /><br />
  18.                         </div>
  19.                         <div>
  20.                             <img src="{{asset('images/user/illus.svg')}}"  width="900px" />
  21.                         </div>
  22.                     </div>
  23.                 </div>
  24.             </div>
  25.             <div class="small-12 medium-12 large-6 cell small-order-1 large-order-2">
  26.                 <div class="login-page__block">
  27.                     <div class="form-content">
  28.                         {% if type == 'forgotten' %}
  29.                             <h2>{{ 'app.reinit_pwd.request_page.forgotten.title' | trans }}</h2>
  30.                             <p>
  31.                                 Vous avez oublié votre mot de passe ? On connait ça !
  32.                                 Entrez votre adresse email pour recevoir un lien de réinitialisation.
  33.                             </p>
  34.                         {% else %}
  35.                             <h2>{{ 'app.reinit_pwd.request_page.first.title' | trans }}</h2>
  36.                             <p>
  37.                                 Pour votre première connexion, saisissez l'adresse email que vous avez communiquée à la troupe.
  38.                             </p>
  39.                         {% endif %}
  40.                         {{ form_start(form) }}
  41.                         {{ form_errors(form) }}
  42.                         {{ form_label(form.email, "Email") }}
  43.                         {{ form_errors(form.email) }}
  44.                         {{ form_widget(form.email) }}
  45.                         {{ form_widget(form.envoyer) }}
  46.                         {{ form_rest(form) }}
  47.                         {{ form_end(form) }}
  48.                         <div class="separator">
  49.                             <div class="separator__left"></div>
  50.                             <div class="separator__center">{{ 'app.reinit_pwd.request_page.or' | trans }}</div>
  51.                             <div class="separator__right"></div>
  52.                         </div>
  53.                         <p>
  54.                             Utilisez un compte déjà existant sur une de ces plateformes.
  55.                         </p>
  56.                         <p>
  57.                             <a href="{{ path('connect_network_start', {network : 'google'}) }}" class="button-social button-social__google">
  58.                                 <img src="{{ asset('/images/social/logo-google.svg') }}" />
  59.                                 <span>Connexion avec Google</span>
  60.                             </a>
  61.                             <a href="{{ path('connect_network_start', {network : 'facebook'}) }}" class="button-social button-social__facebook">
  62.                                 <img src="{{ asset('/images/social/logo-facebook.svg') }}" />
  63.                                 <span>Connexion avec Facebook</span>
  64.                             </a>
  65.                             <a href="{{ path('connect_network_start', {network : 'amazon'}) }}" class="button-social button-social__amazon">
  66.                                 <img src="{{ asset('/images/social/logo-amazon.svg') }}" />
  67.                                 <span>Connexion avec Amazon</span>
  68.                             </a>
  69.                         </p>
  70.                     </div>
  71.                 </div>
  72.             </div>
  73.         </div>
  74.     </div>
  75. {% endblock %}