templates/connexion/connexion.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}IMMY BEAUTY - Connexion{% endblock %}
  5. {% block body %}
  6.     <div class="container mt-5">
  7.         <div class="row justify-content-center">
  8.             <div class="col-md-6">
  9.                 <form id="login-form" method="post">
  10.                     <h2 class="text-center mb-4">Mon espace fidélité</h2>
  11.                     {% if error %}
  12.                         <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  13.                     {% endif %}
  14.                     <div class="form-group">
  15.                         <label for="email">Email:</label>
  16.                         <input type="text" id="email" name="_username" value="{{ last_username }}" class="form-control" required autofocus>
  17.                     </div>
  18.                     <div class="form-group">
  19.                         <label for="password">Mot de passe:</label>
  20.                         <input type="password" id="password" name="_password" class="form-control" required>
  21.                     </div>
  22.                     <div class="form-group">
  23.                         <div class="custom-control custom-checkbox">
  24.                             <input type="checkbox" class="custom-control-input" id="remember_me" name="_remember_me" checked>
  25.                             <label class="custom-control-label" for="remember_me">Rester connecté</label>
  26.                         </div>
  27.                     </div>
  29.                     <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  30.                     <div class="form-group">
  31.                         <button type="submit" class="btn btn-primary btn-block">Se connecter</button>
  32.                     </div>
  33.                     <div class="text-center">
  34.                         <span>Vous n'avez pas de compte? <a href="{{ path('inscription') }}">Inscrivez-vous</a></span>
  35.                         <br/>
  36.                         <a href="#" data-toggle="modal" data-target="#forgotPasswordModal">Mot de passe oublié?</a>
  37.                     </div>
  38.                 </form>
  39.             </div>
  40.         </div>
  41.     </div>
  43.     <section class="ftco-section">
  44.         <div class="container">
  45.             <div class="row">
  46.                 <div class="col-md-4 ftco-animate">
  47.                     <div class="media d-block text-center block-6 services">
  48.                         <div class="icon d-flex mb-3"><span class="fas fa-user-plus"></span></div>
  49.                         <div class="media-body">
  50.                             <h3 class="heading">INSCRIVEZ VOUS</h3>
  51.                             <p>Commencez votre voyage pour gagner des points et profiter d'avantages exclusifs.</p>
  52.                         </div>
  53.                     </div>
  54.                 </div>
  55.                 <div class="col-md-4 ftco-animate">
  56.                     <div class="media d-block text-center block-6 services">
  57.                         <div class="icon d-flex mb-3"><span class="fas fa-trophy"></span></div>
  58.                         <div class="media-body">
  59.                             <h3 class="heading">CUMULEZ DES POINTS</h3>
  60.                             <p>Plus vous collectez de points, plus vous débloquez de récompenses et de privilèges spéciaux.</p>
  61.                         </div>
  62.                     </div>
  63.                 </div>
  64.                 <div class="col-md-4 ftco-animate">
  65.                     <div class="media d-block text-center block-6 services">
  66.                         <div class="icon d-flex mb-3"><span class="fas fa-gift"></span></div>
  67.                         <div class="media-body">
  68.                             <h3 class="heading">PROFITEZ DES AVANTAGES</h3>
  69.                             <p>Échangez vos points contre des réductions, des produits gratuits ou des services spéciaux.</p>
  70.                         </div>
  71.                     </div>
  72.                 </div>
  73.             </div>
  74.         </div>
  75.     </section>
  76.     <!-- Le reste du code HTML reste inchangé -->
  77. {% endblock %}
  79. {% block javascripts %}
  80.     {{ parent() }}
  81.     <script>
  82.         $(document).ready(function() {
  83.             $('#login-form').submit(function(event) {
  84.                 event.preventDefault();
  86.                 var formData = $(this).serialize();
  88.                 $.ajax({
  89.                     type: 'POST',
  90.                     url: '{{ path('connexion') }}',
  91.                     data: formData,
  92.                     dataType: 'json',
  93.                     headers: {
  94.                         'X-Requested-With': 'XMLHttpRequest'
  95.                     },
  96.                     success: function(response) {
  97.                         console.log('Réponse reçue:', response);
  98.                         if (response.success) {
  99.                             toastr.success(response.message);
  100.                             window.location.href = response.redirect;
  101.                         } else {
  102.                             toastr.error(response.message || "Erreur de connexion. Veuillez vérifier vos identifiants.");
  103.                         }
  104.                     },
  105.                     error: function(xhr, status, error) {
  106.                         console.error("Erreur AJAX:", status, error);
  107.                         var errorMsg = "Une erreur est survenue lors de la connexion.";
  108.                         if (xhr.responseJSON && xhr.responseJSON.message) {
  109.                             errorMsg = xhr.responseJSON.message;
  110.                         }
  111.                         toastr.error(errorMsg);
  112.                     }
  113.                 });
  114.             });
  115.         });
  116.     </script>
  117. {% endblock %}