templates/security/login.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}CEP-I Connexion - Inscription{% endblock %}
  5. {% block stylesheets %}
  6.   <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.ico">
  7.   <link rel="stylesheet" type="text/css" href="assets/vendor/magnific-popup.css">
  8.   <link rel="stylesheet" type="text/css" href="assets/vendor/slick-master/slick/slick.css">
  9.   <link rel="stylesheet" type="text/css" href="assets/vendor/selectric/public/selectric.css">
  10.   <link rel="stylesheet" type="text/css" href="assets/css/bundle.css">
  11. {% endblock %}
  13. {% block body %}
  14.   <section class="section section--contact">
  15.     <div class="shell">
  16.       <header class="section__head">
  17.         <h2>Bienvenue</h2>
  18.       </header><!-- /.section__head -->
  20.       <div class="section__body">
  21.         <div class="cols">
  22.           <div class="col col--1of2">
  23.             <div class="form-mail form-mail--secondary">
  24.               <form method="post" class="form-validate">
  25.                 <div class="form__head">
  26.                   <h4>
  27.                     Vous possédez déjà un compte ?<br>
  28.                     Connectez-vous
  29.                   </h4>
  31.                   {% if errorMessage is defined and errorMessage is not null %}
  32.                     <p class="field--error" style="color: #cd1022">
  33.                       <i class="ico-alert-red"></i> {{ errorMessage }}
  34.                     </p>
  35.                   {% elseif error %}
  36.                     <p class="field--error" style="color: #cd1022">
  37.                       {{ error.messageKey|trans(error.messageData, 'security') }}
  38.                     </p>
  39.                   {% endif %}
  41.                 </div><!-- /.form__head -->
  43.             <div class="form__body">
  44.               <div class="form__row">
  45.                 <label for="inputEmail">Email</label>
  47.                 <div class="form__controls">
  48.                   <input type="text" class="field field--alt" name="email" id="inputEmail"
  49.                          value="{{ last_username ?? null }}" placeholder="E-Mail">
  50.                 </div><!-- /.form__controls -->
  51.               </div><!-- /.form__row -->
  53.               <div class="form__row">
  54.                 <label for="inputPassword">Mot de passe</label>
  56.                 <div class="form__controls">
  57.                   <input type="password" class="field field--alt" name="password" id="inputPassword"
  58.                          placeholder="Mot de passe" data-validate="presence">
  60.                   <p>
  61.                     <a href="{{ path('popup_pass') }}" class="form__link js-popup">Mot de passe oublié ?</a>
  62.                   </p>
  63.                 </div><!-- /.form__controls -->
  64.               </div><!-- /.form__row -->
  66.               <input type="hidden" name="_csrf_token"
  67.                      value="{{ csrf_token('authenticate') }}"
  68.               >
  69.             </div><!-- /.form__body -->
  71.             <div class="form__actions">
  72.               <button class="btn btn--size2 js-btn-submit" type="submit">
  73.                 <i class="ico-arrow-white"></i> Connexion
  74.               </button>
  75.             </div><!-- /.form__actions -->
  76.             </form>
  77.           </div><!-- /.form-mail -->
  78.         </div><!-- /.col col-/-1of2 -->
  80.         <div class="col col--1of2">
  81.           <div class="form-mail form-mail--secondary">
  82.             <form action="{{ path('inscription') }}" method="post" class="form-validate">
  83.               <div class="form__head form__head--primary">
  84.                 <h4>Vous n’avez pas encore de compte </h4>
  86.                 <p>Avec votre adresse email, créez votre compte en quelques instants </p>
  88.                 <p class="form__message form__error">Champs invalide</p>
  89.               </div><!-- /.form__head -->
  91.               <div class="form__body">
  92.                 <div class="form__row">
  93.                   <label for="f_email">Email</label>
  95.                   <div class="form__controls">
  96.                     <input type="hidden" value="login" name="login" />
  97.                     <input type="text" class="field field--alt" name="f_email" id="f_mail"
  98.                            placeholder="E-Mail" data-validate="email">
  99.                   </div><!-- /.form__controls -->
  101.                   <p class="form__message">Email invalide</p>
  102.                 </div><!-- /.form__row -->
  103.               </div><!-- /.form__body -->
  105.               <div class="form__actions">
  106.                 <button class="btn btn--size2" >
  107.                   <i class="ico-arrow-white"></i> Créer Mon Compte
  108.                 </button>
  109.               </div><!-- /.form__actions -->
  110.             </form>
  111.           </div><!-- /.form-mail -->
  112.         </div><!-- /.col col-/-1of2 -->
  113.       </div><!-- /.cols -->
  114.     </div><!-- /.section__body -->
  115.     </div><!-- /.shell -->
  116.   </section><!-- /.section -->
  118.     {#
  119.         Uncomment this section and add a remember_me option below your firewall to activate remember me functionality.
  120.         See https://symfony.com/doc/current/security/remember_me.html
  122.         <div class="checkbox mb-3">
  123.             <label>
  124.                 <input type="checkbox" name="_remember_me"> Remember me
  125.             </label>
  126.         </div>
  127.     #}
  129.   {% include '__includes__/newsletterForm.html.twig' %}
  131. {% endblock %}
  133. {% block javascripts %}
  134.   <script src="assets/vendor/jquery-3.1.1.min.js"></script>
  135.   <script src="assets/vendor/magnific-popup.js"></script>
  136.   <script src="assets/vendor/slick-master/slick/slick.min.js"></script>
  137.   <script src="assets/vendor/selectric/public/jquery.selectric.min.js"></script>
  138.   <script src="assets/vendor/jquery-scrollLock.min.js"></script>
  139.   <script src="assets/vendor/validator.js"></script>
  140.   <script src="assets/js/bundle.js"></script>
  141. {% endblock %}