templates/partials/_modal.html.twig line 1

Open in your IDE?
  1. <div class="modal fade" id="signinModal" tabindex="-1" role="dialog" aria-labelledby="signinModalTitle" aria-hidden="true">
  2.     <form id="login-form" method="POST" action="{{ path('user.login') }}">
  3.         <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate_user') }}">
  4.         <div class="modal-dialog" role="document">
  5.             <div class="modal-content">
  6.                 <div class="modal-header">
  7.                     <div class="text-center">
  8.                         <a href="{{ path('home') }}">
  9.                           <img src="{{ asset('assets/images/logo.svg') }}" alt="Estiam France">
  10.                         </a>
  11.                     </div>
  12.                     <div class="sub-title text-purple"><span class="text-orange">/</span> Se connecter</div>
  13.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  14.                         <span aria-hidden="true">&times;</span>
  15.                     </button>
  16.                 </div>
  17.                 <div class="modal-body">
  18.                     <div class="container px-0">
  19.                         <div class="alert alert-danger user-error" style="display: none" role="alert">
  20.                             <span class="sr-only">Erreur :</span> Adresse e-mail ou mot de passe incorrect, veuillez réessayer!
  21.                         </div>
  22.                         <div class="row">
  23.                             <div class="col-12">
  24.                                 <div class="form-group">
  25.                                     <label for="field-email" class="col-form-label">Email</label>
  26.                                     <div class="">
  27.                                         <input type="email" class="form-control" id="field-email" name="email" placeholder="">
  28.                                     </div>
  29.                                 </div>
  30.                                 <div class="form-group">
  31.                                     <label for="field-password" class="col-form-label">Mot de passe</label>
  32.                                     <div class="position-relative">
  33.                                         <input type="password" class="form-control" name="password" id="field-password" placeholder="">
  34.                                         <span toggle="#field-password" class="fas fa-eye field-icon toggle-password"></span>
  35.                                         <span class="fas fa-eye-slash d-none"></span>
  36.                                     </div>
  37.                                     <div class="text-right mt-2">
  38.                                         <a data-toggle="modal" data-target="#forgotPasswordModal" data-dismiss="modal">Mot de passe oublié ?</a>
  39.                                     </div>
  40.                                 </div>
  41.                             </div>
  42.                         </div>
  43.                     </div>
  44.                     <div class="text-center mt-3">
  45.                         <button type="submit" class="common-btn" id="btn-login">Connexion</button>
  46.                     </div>
  47.                 </div>
  48.             </div>
  49.         </div>
  50.     </form>
  51. </div>
  53. <div class="modal fade" id="forgotPasswordModal" tabindex="-1" role="dialog" aria-labelledby="forgotPasswordModalTitle" aria-hidden="true">
  54.     <div class="modal-dialog" role="document">
  55.         <div class="modal-content">
  56.             <div class="modal-header">
  57.                 <div class="text-center">
  58.                     <a href="{{ path('home') }}">
  59.                       <img src="{{ asset('assets/images/logo.svg') }}" alt="Estiam France">
  60.                     </a>
  61.                 </div>
  62.                 <div class="sub-title text-purple line-height-small mt-3"><span class="text-orange">/</span> Récupérer votre mot de passe</div>
  63.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  64.                     <span aria-hidden="true">&times;</span>
  65.                 </button>
  66.             </div>
  67.             <div class="modal-body">
  68.                 <div class="container px-0">
  69.                     <div class="alert alert-info error-message-forget-pass sent-email-forgot" style="display:none;" role="alert">
  70.                         Un email a été envoyé à votre adresse : <span class="append-email">"email"</span>. Veuillez suivre les instructions dans le mail pour créer un nouveau mot de passe. Merci !
  71.                     </div>
  72.                     <div class="row hide-success">
  73.                         <div class="col-12">
  74.                             <p class="text-center mb-4">Veuillez renseigner votre email utilisé lors de votre candidature à ÉSTIAM. Nous allons vous envoyer les instructions par email pour récupérer votre mot de passe.</p>
  75.                             <div class="form-group">
  76.                                 <div class="">
  77.                                     <input type="email" class="form-control" id="field-email" placeholder="Saisir votre email">
  78.                                 </div>
  79.                             </div>
  80.                             <span class="valid-email-forgot text-danger" style="display: none;">
  81.                                 Nous ne trouvons pas votre email dans notre système. Veuillez vérifier et saisir à nouveau votre email !
  82.                             </span>
  83.                         </div>
  84.                     </div>
  85.                 </div>
  86.                 <div class="text-center mt-3 hide-success">
  87.                     <button type="button" class="common-btn btn-forgot">ENVOYER</button>
  88.                 </div>
  89.             </div>
  90.         </div>
  91.     </div>
  92. </div>
  94. <div class="modal fade" id="zoomImage" tabindex="-1" role="dialog" aria-labelledby="forgotPasswordModalTitle" aria-hidden="true">
  95.     <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
  96.         <div class="modal-content px-2 py-2">
  97.             <div class="modal-header mr-2 mt-3">
  98.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  99.                     <span class="font-30" aria-hidden="true">&times;</span>
  100.                 </button>
  101.             </div>
  102.             <div class="bg-white">
  103.                 <img src="{{ asset('assets/images/ecole/img-1.jpg') }}?v=2" alt=""/>
  104.             </div>
  105.         </div>
  106.     </div>
  107. </div>