templates/security/index.html.twig line 1

Open in your IDE?
  1. {% extends 'custom-base.html.twig' %}
  3. {% block body %}
  5.                  <!-- CONTAINER OPEN -->
  6.                 <div class="col col-login mx-auto mt-7">
  7.                     <div class="text-center">
  8.                         <a href="{{absolute_url(path('app_home'))}}"><img src="{{absolute_url(asset('/cpe/build/images/brand/leadplanet-logo-4.png'))}}" class="header-brand-img" alt=""></a>
  9.                     </div>
  10.                 </div>
  12.                 <div class="container-login100">
  13.                     <div class="wrap-login100 p-6">
  14.                         {% if error is defined and error %}
  15.                             {% if error.message is same as 'Un nouveau code a été envoyé par SMS. Veuillez entrer le code pour continuer.' or error.message is same as 'Un code a été envoyé par SMS. Veuillez entrer le code pour continuer.' %}
  16.                                 <div class="alert alert-success">{{ error.message|raw }}</div>
  17.                             {% else %}
  18.                                 <div class="alert alert-danger">{{ error.message|raw }}</div>
  19.                             {% endif %}
  20.                         {% endif %}
  22.                         {% if app.user %}
  23.                             <div class="mb-3">
  24.                                 You are logged in as {{ app.user.userIdentifier }}, <a href="{{ absolute_url(path('app_logout')) }}">Logout</a>
  25.                             </div>
  26.                         {% endif %}
  28.                         {% if app.session.get('user_pending') %}
  29.                             <form method="post">
  30.                                 <div class="form-group">
  31.                                     <label for="sms_code" class="bold">Code SMS*</label>
  32.                                     <input type="text" id="sms_code" name="sms_code" maxlength="6" pattern="\d{6}" required class="form-control" placeholder="123456">
  33.                                 </div>
  34.                                 <div class="flex flex-row space-between center mt-20 mb-10">
  35.                                     <button type="submit" class="btn-primary btn mr-15">Valider le code sms</button>
  36.                                     <button type="reset" class="btn btn-secondary mr-15">Annuler</button>
  37.                                 </div>
  38.                                 <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  39.                             </form>
  40.                             <br>
  41.                             {# Lien pour renvoyer le code #}
  42.                             <form method="post" action="" class="flex just-end">
  43.                                 <input type="hidden" name="resend_code" value="true">
  44.                                 <button type="submit" class="btn btn-success mr-15">Renvoyer le code SMS</button>
  45.                             </form>
  46.                         {% else %}
  48.                                 <form class="login100-form validate-form" method="post">
  49.                                     <span class="login100-form-title pb-5">
  50.                                         Connexion
  51.                                     </span>
  53.                                     {% for label, messages in app.flashes %}
  54.                                         <div class="mt-20 alert alert-{{ label }}">
  55.                                             {% for message in messages %}
  56.                                                 <p class="m-tb-auto">{{ message|raw }}</p>
  57.                                             {% endfor %}
  58.                                         </div>
  59.                                     {% endfor %}
  61.                                     <div class="panel panel-primary">
  62.                                         <div class="panel-body tabs-menu-body p-0 pt-5">
  63.                                             <div class="tab-content">
  64.                                                 <div class="tab-pane active" id="tab5">
  65.                                                     <div class="wrap-input100 validate-input input-group" data-bs-validate="Valid email is required: ex@abc.xyz">
  66.                                                         <a href="javascript:void(0)" class="input-group-text bg-white text-muted">
  67.                                                             <i class="zmdi zmdi-email text-muted" aria-hidden="true"></i>
  68.                                                         </a>
  69.                                                         <input type="email" class="input100 border-start-0 form-control ms-0" id="email" name="email" value="{{ last_username }}" placeholder="Email" required autofocus>
  70.                                                     </div>
  71.                                                     <div class="wrap-input100 validate-input input-group" id="Password-toggle">
  72.                                                         <a href="javascript:void(0)" class="input-group-text bg-white text-muted">
  73.                                                             <i class="zmdi zmdi-eye text-muted" aria-hidden="true"></i>
  74.                                                         </a>
  75.                                                         <input type="password" id="password" name="password" placeholder="Mot de passe" class="input100 border-start-0 form-control ms-0" required>
  76.                                                     </div>
  77.                                                     <div class="text-end pt-4">
  78.                                                         <p class="mb-0"><a href="{{absolute_url(path('app_forgot_password'))}}" class="text-primary ms-1">Mot de passe oublié ?</a></p>
  79.                                                     </div>
  80.                                                     <div class="container-login100-form-btn">
  81.                                                         <input type="submit" class="login100-form-btn btn-primary" value="Se connecter">
  82.                                                     </div>
  83.                                                     <div class="text-center pt-3">
  84.                                                         <p class="text-dark mb-0">Pas encore membre ?<a href="{{absolute_url(path('app_register'))}}" class="text-primary ms-1">S'inscrire</a></p>
  85.                                                     </div>
  86.                                                     <div class="text-center pt-3">
  87.                                                         <p class="text-dark mb-0">Aucun email de vérification ?<a href="{{absolute_url(path('resend_verification_email'))}}" class="text-primary ms-1">Renvoyer l'email</a></p>
  88.                                                     </div>
  89.                                                     <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  90.                                                     {#<label class="login-social-icon"><span>Login with Social</span></label>
  91.                                                     <div class="d-flex justify-content-center">
  92.                                                         <a href="javascript:void(0)">
  93.                                                             <div class="social-login me-4 text-center">
  94.                                                                 <i class="fa fa-google"></i>
  95.                                                             </div>
  96.                                                         </a>
  97.                                                         <a href="javascript:void(0)">
  98.                                                             <div class="social-login me-4 text-center">
  99.                                                                 <i class="fa fa-facebook"></i>
  100.                                                             </div>
  101.                                                         </a>
  102.                                                         <a href="javascript:void(0)">
  103.                                                             <div class="social-login text-center">
  104.                                                                 <i class="fa fa-twitter"></i>
  105.                                                             </div>
  106.                                                         </a>
  107.                                                     </div>#}
  108.                                                 </div>
  109.                                             </div>
  110.                                         </div>
  111.                                     </div>
  112.                                 </form>
  114.                         {% endif %}
  115.                     </div>
  116.                 </div>
  117.                 <!-- CONTAINER CLOSED -->
  120. {% endblock %}
  122. {% block javascripts %}
  123.    {{parent()}} 
  125.     <!-- SHOW PASSWORD JS -->
  126.     <script src="{{absolute_url(asset('/cpe/build/plugins/show-password/show-password.min.js'))}}"></script>
  128.     <!-- GENERATE OTP JS -->
  129.     {{ encore_entry_script_tags('js/generate-otp') }}
  130.         
  131. {% endblock %}