templates/homepage.html.twig line 1

Open in your IDE?
  1. {% extends "partials/base.html.twig" %}
  3. {% block body %}
  5.     <div class="container h-100 d-flex" id="login-page">
  7.         <div class="row align-items-center g-lg-5">
  8.             <div class="col-lg-7 text-center text-lg-start">
  9.                 <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 266.5 288.7" style="enable-background:new 0 0 266.5 288.7;" xml:space="preserve">
  10.             <style type="text/css">
  11.                 .st0{fill:#e9eef9;}
  12.             </style>
  13.                     <path class="st0" d="M180.5,280.7c-37,0-67.1-30.1-67.1-67.1V78.5h32.7v135.1c0,18.9,15.4,34.4,34.4,34.4V280.7z"/>
  14.                     <path class="st0" d="M86,209.8H53.2v-79.3c0-18.9-15.4-34.4-34.4-34.4V63.4c37,0,67.1,30.1,67.1,67.1V209.8z"/>
  15.                     <path class="st0" d="M213.2,210.4h-32.7V75.1c0-37,30.1-67.1,67.1-67.1v32.7c-18.9,0-34.4,15.4-34.4,34.4V210.4z"/>
  16.                     <path class="st0" d="M85.1,35.6c0,9-7.3,16.4-16.4,16.4s-16.4-7.3-16.4-16.4c0-9,7.3-16.4,16.4-16.4S85.1,26.6,85.1,35.6"/>
  17.                     <path class="st0" d="M258.8,119.4c0,9-7.3,16.4-16.4,16.4c-9,0-16.4-7.3-16.4-16.4c0-9,7.3-16.4,16.4-16.4
  18.                 C251.5,103.1,258.8,110.4,258.8,119.4"/>
  19.                     <path class="st0" d="M135.3,139.5L135.3,139.5l-0.1-32.7H168C168,124.8,153.4,139.5,135.3,139.5"/>
  20.             </svg>
  21.                 <h1 class="display-4 fw-bold lh-1 mb-3">
  22.                     <strong>MAX</strong>
  23.                     L’outil de candidature et&nbsp;d’admissibilité
  24.                 </h1>
  25.                 <p class="col-lg-10 fs-4 fw-bold mb-0 text-primary">par interfor</p>
  26.                 <h2 class="mb-4 fw-light">Max c’est Maximiser</h2>
  27.                 <ul class="text-left mb-4 checklist d-none d-lg-flex" >
  28.                     <li ><i class="fa-solid fa-check"></i> Le choix de l’orientation</li>
  29.                     <li><i class="fa-solid fa-check"></i> La réussite de votre projet professionnel</li>
  30.                     <li><i class="fa-solid fa-check"></i> Les chances de décrocher un contrat en alternance</li>
  31.                 </ul>
  32. {#                <h5 class="mb-0"><a class="link-dark" style="text-decoration: none" href="http://www.interfor.fr" target="_blank">Accéder au site Interfor</a></h5>#}
  34.                 {#                <h2 class="alert alert-info">Interfor est actuellement fermé jusqu'au 15 août inclus. Le traitement de vos dossiers et de vos questions reprendra après cette date. <br>Merci de votre compréhension et à bientôt sur Max-interfor.fr </h2>#}
  35.             </div>
  36.             <div class="col-md-10 mx-auto col-lg-5">
  37.                 <div class="p-4 p-md-5 rounded-3 bg-light">
  39.                     <h3 class="mb-4 d-none d-lg-flex">Organisation du parcours : </h3>
  40.                     <ul class="text-left mb-4 checklist d-none d-lg-flex" >
  41.                         <li><i class="fa-solid fa-check"></i> Une inscription</li>
  42.                         <li><i class="fa-solid fa-check"></i> Vous envoyez vos Pièces Jointes</li>
  43.                         <li><i class="fa-solid fa-check"></i> Une étape QUIZ</li>
  44.                         <li><i class="fa-solid fa-check"></i> Recherche entreprise</li>
  45.                         <li><i class="fa-solid fa-check"></i> Nous remplissons avec vous votre engagement</li>
  47.                     </ul>
  49.                     <p class="text-center text-lg-start"><i class="fas fa-users"></i> Avec un accompagnement personnalisé, au bon endroit, au bon moment. <a href="https://interfor-formations.fr/" target="_blank">En&nbsp;savoir&nbsp;plus</a></p>
  51.                     <a class="w-100 btn btn-lg btn-primary mb-2 shadow" data-toggle="modal" data-target="#registerModal" href="#">Je crée mon compte</a>
  52.                     <a class="w-100 btn btn-lg btn-secondary shadow" data-toggle="modal" data-target="#loginModal" href="#">Je me connecte</a>
  54.                     <hr class="my-3">
  56.                     <div class="text-lg-center">
  57.                         <p><a href="{{ path('company') }}" class="btn btn-link">Espace entreprise</a></p>
  58.                         <p class="mb-0"><a class="btn btn-outline-primary " style="text-decoration: none" href="http://www.interfor.fr" target="_blank">Accéder au site Interfor</a></p>
  59.                     </div>
  60.                 </div>
  61.             </div>
  62.         </div>
  63.     </div>
  65.     <div class="modal right fade "  id="registerModal" tabindex="-1" role="dialog" aria-labelledby="registerModalLabel" aria-hidden="true">
  66.         <div class="modal-dialog" role="document">
  67.             <div class="modal-content">
  68.                 <div class="modal-header">
  69.                     <h5 class="modal-title" id="exampleModalLabel">Je m'inscris</h5>
  70.                     <button id="closeRegister" type="button" class="close" data-dismiss="modal" aria-label="Close">
  71.                         <span aria-hidden="true">&times;</span>
  72.                     </button>
  73.                 </div>
  74.                 <div class="modal-body">
  75.                     <p class="alert-info mb-4"><strong> Parcoursup : </strong> Attention, il faut vous inscrire sur Parcoursup préalablement. Si vous l’avez déjà fait vous allez être contacté prochainement.
  76.                         <span id="idConnectSubscription" class="red">
  77.                                 {% if registerError is defined %}
  78.                                     </br>{{ registerError }}
  79.                                 {% endif %}
  80.                             </span>
  81.                     </p>
  82.                     {{ form_start(form) }}
  84.                     <div class="form-group mb-3">
  85.                         {{ form_label(form.lastname) }}
  86.                         {{ form_widget(form.lastname, {'attr': {'class': 'form-control'}}) }}
  87.                         <div class="label-error">
  88.                             {{ form_errors(form.lastname) }}
  89.                         </div>
  90.                     </div>
  92.                     <div class="form-group mb-3">
  93.                         {{ form_label(form.firstname) }}
  94.                         {{ form_widget(form.firstname, {'attr': {'class': 'form-control'}}) }}
  95.                         <div class="label-error">
  96.                             {{ form_errors(form.firstname) }}
  97.                         </div>
  98.                     </div>
  99.                     <div class="form-group mb-3">
  100.                         {{ form_label(form.phone) }}
  101.                         {{ form_widget(form.phone, {'attr': {'class': 'form-control', 'pattern' : '0[1-9][0-9]{8}', 'placeholder': 'ex : 0600000000', 'maxlength' : '10', 'id': 'phonecheck'}}) }}
  102.                         <div class="label-error" id="labelErrorPhone">
  103.                             {{ form_errors(form.phone) }}
  104.                         </div>
  105.                     </div>
  106.                     <div class="form-group mb-3">
  107.                         {{ form_label(form.email) }}
  108.                         {{ form_widget(form.email, {'attr': {'class': 'form-control', "pattern" : "[a-zA-Z0-9._-]+@[a-zA-Z0-9._-]+.[a-zA-Z.]{2,15}"}}) }}
  109.                         <div class="label-error">
  110.                             {{ form_errors(form.email) }}
  111.                         </div>
  112.                     </div>
  113.                     <div class="form-group mb-3">
  114.                         <label for="pwd" class="required">Mot de passe</label>
  115.                         <div class="input-group">
  116.                             <span class="input-group-text"><i class="fa-solid fa-key"></i></span>
  117.                             <input type="password" name="password" id="pwd" class="form-control" autocomplete="current-password" required placeholder="Mot de passe">
  118.                             <span class="input-group-text showPassword" id="eye">
  119.                                         <i class="fa-solid fa-eye"></i>
  120.                                     </span>
  121.                         </div>
  122.                     </div>
  124.                     <div class="form-group mb-2">
  125.                         <div class="input-group">
  126.                             <span class="input-group-text"><i class="fa-solid fa-key"></i></span>
  127.                             <input type="password" name="password2" id="pwd2" class="form-control"  onKeyUp="check(event)" autocomplete="current-password" required placeholder="Répéter le mot de passe">
  128.                             <span class="input-group-text showPassword" id="eye2">
  129.                                         <i class="fa-solid fa-eye"></i>
  130.                                     </span>
  131.                         </div>
  132.                     </div>
  134.                     <div class="col-sm-6">
  135.                         <div id="error" class="error" style="display: none; color: red">Les mots de passe ne correspondent pas</div>
  136.                     </div>
  138.                     <div class="form-check mb-4 mt-4">
  139.                         {{ form_widget(form.rgpd, {'attr': {'class': 'form-check-input'}}) }}
  140.                         {{ form_label(form.rgpd) }}
  141.                     </div>
  143.                     <div class="form-group">
  144.                         {{ form_label(form.save) }}
  145.                         {{ form_widget(form.save, {'attr': {'class': 'btn btn-primary btn-lg d-none', 'onclick':'checkPhone(event)'}}) }}
  146.                     </div>
  148.                     <div class="btn btn-primary btn-lg" onclick="checkPhone(event)">S'inscrire</div>
  150.                     <div class="label-error">
  151.                         {{ form_errors(form) }}
  152.                     </div>
  153.                     {{ form_end(form) }}
  155.                 </div>
  156.             </div>
  157.         </div>
  158.     </div>
  160.     <div class="modal right fade "  id="loginModal" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel" aria-hidden="true">
  161.         <div class="modal-dialog" role="document">
  162.             <div class="modal-content">
  163.                 <div class="modal-header">
  164.                     <h5 class="modal-title" id="exampleModalLabel">Je me connecte</h5>
  165.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  166.                         <span aria-hidden="true">&times;</span>
  167.                     </button>
  168.                 </div>
  169.                 <div class="modal-body">
  170.                     {% for message in app.flashes('success') %}
  171.                         <script>
  172.                             $('#snackbar').html('{{ message }}').addClass('show');
  174.                             // After 3 seconds, remove the show class from DIV
  175.                             setTimeout(function(){ $('#snackbar').removeClass('show'); }, 3000);
  176.                         </script>
  177.                     {% endfor %}
  178.                     <form method="POST" action="{{ path('app_login') }}" name="login_form">
  179.                         {% if error %}
  180.                             <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  181.                         {% endif %}
  183.                         <div class="form-group mb-3">
  184.                             <label for="inputEmail">Numéro de téléphone</label>
  185.                             <input type="text" value="{{ last_username }}" name="inputPhone" id="inputEmail" class="form-control" pattern="[0-9]{2}[0-9]{2}[0-9]{2}[0-9]{2}[0-9]{2}" maxlength="14" autocomplete="email" required autofocus>
  186.                         </div>
  187.                         <div class="form-group mb-3">
  188.                             <label for="inputPassword">Mot de passe</label>
  189.                             <input type="password" name="inputPassword" id="inputPassword" class="form-control" autocomplete="current-password" required>
  190.                         </div>
  192.                         <input type="hidden" name="_csrf_token"  value="{{ csrf_token('authenticate') }}">
  193.                         <div id="idConnect" class="red mt-1" ></div>
  195.                         <div class="form-group ">
  196.                             <a onclick="login(event)"  class="btn btn-lg btn-success">Valider</a>
  197.                         </div>
  199.                         <hr class="my-4">
  200.                         {# <a class="btn btn-link" href="{{ path('app_forgotten_password') }}">Mot de passe oublié ?</a> #}
  201.                         <a class="btn btn-link" onclick="closeLoginModal()" data-toggle="modal" data-target="#forgotPasswordModal">Mot de passe oublié ?</a>
  202.                     </form>
  203.                 </div>
  204.             </div>
  205.         </div>
  206.     </div>
  208.     <div class="modal right fade "  id="forgotPasswordModal" tabindex="-1" role="dialog" aria-labelledby="forgotPasswordModalLabel" aria-hidden="true">
  209.         <div class="modal-dialog" role="document">
  210.             <div class="modal-content">
  211.                 <div class="modal-header">
  212.                     <h5 class="modal-title" id="exampleModalLabel">Mot de passe oublié</h5>
  213.                     <button id="closeForgotPasswordModal" type="button" class="close" data-dismiss="modal" aria-label="Close">
  214.                         <span aria-hidden="true">&times;</span>
  215.                     </button>
  216.                 </div>
  217.                 <div class="modal-body">
  218.                     <span id="successForgotPassword" class="green"></span>
  219.                     <span id="errorForgotPassword" class="red">
  220.                             </span>
  221.                     <form method="POST" action="{{ path('app_forgotten_password') }}" name="forgot_password_form">
  222.                         {% if error %}
  223.                             <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  224.                         {% endif %}
  226.                         <div class="form-group mb-3">
  227.                             <label for="inputEmail">E-mail</label>
  228.                             <input id="forgot-email" placeholder="Votre email" type="text" name="email" class="form-control">
  229.                         </div>
  231.                         <div class="form-group">
  232.                             <a onclick="forgotPassword(event)" class="btn btn-lg btn-success">Envoyer</a>
  233.                         </div>
  234.                     </form>
  235.                 </div>
  236.             </div>
  237.         </div>
  238.     </div>
  240.     <div class="modal right fade "  id="verifySmsModal" tabindex="-1" role="dialog" aria-labelledby="verifySmsModalLabel" aria-hidden="true">
  241.         <div class="modal-dialog" role="document">
  242.             <div class="modal-content">
  243.                 <div class="modal-header">
  244.                     <h5 class="modal-title" id="exampleModalLabel">Vérifications en 2 étapes</h5>
  245.                     <!--<button id="closeverifySmsModal" type="button" class="close" data-dismiss="modal" aria-label="Close">
  246.                         <span aria-hidden="true">&times;</span>
  247.                     </button>-->
  248.                 </div>
  249.                 <p id="smsError" class="alert alert-danger d-none">
  250.                     Code erroné
  251.                 </p>
  252.                 <p id="smsResend" class="alert alert-success d-none">
  253.                     Un code vous a été renvoyé
  254.                 </p>
  255.                 <div class="modal-body text-center">
  256.                     <span id="successVerifySms" class="text-success"></span>
  257.                     <span id="errorVerifySms" class="text-danger"></span>
  258.                     <p class="my-4">Veuillez entrer le code à <strong class="text-primary">6 chiffres</strong><br />envoyé sur votre téléphone <i class="fa-solid text-primary fa-mobile-screen-button"></i> <span id="phone_verify"></span></p>
  261.                     <input class="form-control form-control-lg" id="inputCode" type="text" pattern="[0-9]{6}" style="max-width: 60%; margin: auto;" maxlength="6" required />
  264.                     <p class="my-4"><strong>Vous n'avez pas reçu de sms ?</strong><br /><a id="resend-link" onclick="resendCode()" class="btn btn-sm my-2 btn-outline-primary disabled-link">renvoyez le code</a><br /><span id="timer">dans 60 secondes</span></p>
  265.                     <button id='btn-submit' class="btn btn-lg btn-success" onclick="sendCode()"><i class="fa-solid fa-check"></i> Valider le code</button>
  266.                 </div>
  267.             </div>
  268.         </div>
  269.     </div>
  271.     {% if message is defined and message is not null %}
  272.         <button type="button" id="modalHomeTextButton" style="display:none;" data-toggle="modal" data-target="#modalHomeText"></button>
  274.         <div class="modal fade" id="modalHomeText" tabindex="-1" role="dialog" aria-keyshortcuts="true" aria-labelledby="modalLabel" aria-hidden="true" style="display: none">
  275.             <div class="modal-dialog modal-dialog-centered" role="document">
  276.                 <div class="modal-content" style="max-width: 30em">
  277.                     <div>
  278.                         <div class="">
  279.                             <button type="button" class="closeModal close btn btn-outline-secondary" data-dismiss="modal" aria-label="Close">
  280.                                 <span aria-hidden="true" class="ion-ios-close">x</span>
  281.                             </button>
  282.                             <img src="{{ message.pictureUrl }}" width="100%"/>
  283.                         </div>
  284.                         <div class=" ">
  285.                             <div class="modal-body  d-flex align-items-center">
  286.                                 <div class="text w-40 text-center mt-3">
  287.                                     <h2 class="mb-2">{{ message.title }}</h2>
  288.                                     <h4 class="mb-4">{{ message.text }}</h4>
  289.                                 </div>
  290.                             </div>
  291.                         </div>
  292.                     </div>
  293.                 </div>
  294.             </div>
  295.         </div>
  296.     {% endif %}
  298.     {% block javascript %}
  299.     <script>
  301.           window.onload = function() {
  302.           if("{{registerError is defined}}"){
  303.                       $('#registerModal').modal('show');
  304.                   }
  305.               }
  309.               window.onload = function() {
  310.                   window.setInterval(diminuerTemps, 1000)
  311.                   {% if message is defined and message is not null %}
  312.                         const modal = document.getElementById('modalHomeText');
  313.                         document.getElementById('modalHomeTextButton').click();
  315.                   {% endif %}
  316.               }
  317.                 const modal = document.getElementById('modalHomeText') ? document.getElementById('modalHomeText') : null;
  318.               function closeModalHomeText(){
  319.                  document.getElementById('modalHomeTextButton').click();
  320.             }
  322.               document.getElementById("eye").addEventListener("click", function(e){
  323.                   var pwd = document.getElementById("pwd");
  324.                   console.log(pwd.getAttribute("type"))
  325.                   if(pwd.getAttribute("type")=="password"){
  327.                       pwd.setAttribute("type","text");
  328.                   } else {
  329.                       pwd.setAttribute("type","password");
  330.                   }
  331.               });
  333.               document.getElementById("eye2").addEventListener("click", function(e){
  334.                   var pwd2 = document.getElementById("pwd2");
  335.                   if(pwd2.getAttribute("type")=="password"){
  336.                   pwd2.setAttribute("type","text");
  337.               } else {
  338.                   pwd2.setAttribute("type","password");
  339.               }
  340.               });
  342.               // $(document).ready(function(e) {
  343.               function check(evt){
  344.                   var password = $("#pwd").val();
  345.                   var confirmPassword = $("#pwd2").val();
  346.                   if (password != confirmPassword) {
  347.                       $('#error').css('display', 'block')
  348.                       $("#submit").prop('disabled', true)
  349.                   }
  350.                   else {
  351.                       $('#error').css('display', 'none')
  352.                       $("#submit").prop('disabled', false)
  353.                   }
  354.               };
  356.                   // $(document).ready(function(e) {
  357.               function checkPhone(evt){
  359.                   $('#labelErrorPhone').html('');
  360.                   let form = document.querySelector('[name="user_form"]');
  361.                   var phone = $("#user_form_phone").val();
  362.                   var email = $("#user_form_email").val();
  363.                   console.log($("#user_form_phone").length, form)
  365.                   if(phone != null && phone.length > 4 && email != null && email.length > 4) {
  367.                       if ($("#pwd").val() === $("#pwd2").val()) {
  369.                           if(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(email) === true) {
  371.                                $.ajax({
  372.                                   type: "POST",
  373.                                   url: "{{ path('app_check_phone') }}",
  374.                                   data: {
  375.                                       'phone': phone,
  376.                                   },
  377.                                   dataType: 'html',
  378.                                   success: function(data) {
  379.                                       if (data == 'true'){
  380.                                           $("#submit").prop('disabled', true)
  381.                                           $('#idConnectSubscription').append("<br> Numéro de téléphone existe déjà, veuillez vous connecter");
  382.                                           evt.preventDefault();
  383.                                       }
  384.                                       else {
  385.                                            form.submit();
  386.                                       }
  387.                                   }
  388.                                });
  389.                           }
  390.                           else {
  391.                                    $('#idConnectSubscription').append("<br> Email invalide");
  392.                           }
  393.                       }
  394.                       else {
  395.                           $('#idConnectSubscription').append("<br> Les mots de passe ne correspondent pas");
  396.                       }
  397.                   }
  398.                   else {
  399.                        $("#submit").prop('disabled', true)
  400.                        $('#idConnectSubscription').html('')
  401.                       $('#idConnectSubscription').append("<br>  Veuillez remplir tous les champs");
  402.                       evt.preventDefault();
  403.                   }
  404.               }
  407.               function login(evt) {
  408.                   var phone = $('input[name="inputPhone"]').val();
  409.                   var password = $('input[name="inputPassword"]').val();
  410.                   let form = document.querySelector('[name="login_form"]');
  411.                   evt.preventDefault();
  412.                       $('#idConnect').html('');
  413.                   $.ajax({
  414.                       type: "POST",
  415.                       url: "{{ path('app_login_user') }}",
  416.                   data: {
  417.                       'phone': phone,
  418.                       'password': password,
  419.                   },
  420.                   dataType: 'html',
  421.                   success: function(data) {
  422.                       if (data == 'true'){
  423.                           form.submit();
  424.                       }
  425.                   else {
  426.                       $('#idConnect').append("Numéro de téléphone et ou mot de passe sont incorrect");
  427.                   }
  428.                   }
  430.                   });
  432.               }
  434.               function forgotPassword(evt) {
  435.                   var email = $('#forgot-email').val();
  436.                   evt.preventDefault();
  437.                   $.ajax({
  438.                       type: "POST",
  439.                       url: "{{ path('app_forgotten_password') }}",
  440.                       data: {
  441.                           'email': email,
  442.                       },
  443.                       success: function(data) {
  444.                           if(data == false){
  445.                               $('#successForgotPassword').html('')
  446.                               $('#errorForgotPassword').html('Aucun e-mail correspondant n\'a été trouvé<br>');
  447.                           }else{
  448.                               $('#errorForgotPassword').html('')
  449.                               $('#successForgotPassword').html('Un e-mail vous a été envoyé');
  451.                           }
  453.                           console.log(data)
  454.                   }
  456.                   });
  457.               }
  461.           // SMS VERIFY
  464.           const timerElement = document.getElementById("timer")
  465.           let timer = 60
  467.           function createCode(){
  468.               // console.log('test');
  469.               // $.ajax({
  470.               //     type: "POST",
  471.               //     url: "/verify/create",
  472.               //     data: {'data':$("[name='user_form']").serialize()}, // serializes the form's elements.
  473.               //     success: function(data)
  474.               //     {
  475.               //         $('#closeRegister').click();
  476.               //         $('#phone_verify').html($('inputEmail').val())
  477.               //         $('#verifySmsModal').modal('show');
  478.               //         resetTimer()
  479.               //         console.log(data);
  480.               //
  481.               //     }
  482.               //     });
  483.               //
  484.               // return false; // avoid to execute the actual submit of the form.
  485.           }
  488.           function sendCode(){
  489.                   $("#btn-submit").attr('disabled', true);
  490.               console.log($('#inputCode').val())
  491.               const code = $('#inputCode').val();
  492.               $('#smsError').addClass('d-none')
  493.               $.ajax({
  494.                   type: "POST",
  495.                   url: "/verify/code",
  496.                   data: {'code':code}, // serializes the form's elements.
  497.                   success: function(data)
  498.                   {
  499.                       resetTimer()
  500.                       console.log(data);
  501.                       if(data == false){
  502.                           $('#smsError').removeClass('d-none')
  503.                            $("#btn-submit").attr('disabled', false);
  504.                       }else{
  505.                           window.location.reload()
  506.                       }
  508.                   }
  509.               });
  510.           }
  512.           function resendCode(){
  513.               const code = $('#inputCode').val();
  514.               $('#smsResend').addClass('d-none')
  515.               $.ajax({
  516.                   type: "POST",
  517.                   url: "/resend/sms",
  518.                   data: {'data':$("[name='user_form']").serialize()}, // serializes the form's elements.
  519.                   success: function(data)
  520.                   {
  521.                       resetTimer()
  522.                       console.log(data);
  523.                       if(data == true){
  524.                           $('#smsResend').removeClass('d-none')
  525.                       }
  526.                   }
  527.               });
  528.           }
  530.           function diminuerTemps() {
  531.               if(timer < 1){
  532.                   $('#resend-link').removeClass('disabled-link')
  533.                   timerElement.innerText = ''
  534.               }else{
  535.                   timerElement.innerText = "dans " +timer+ " secondes"
  536.                   timer--
  537.               }
  538.           }
  540.           function resetTimer(){
  541.               $('#resend-link').addClass('disabled-link')
  542.               timer = 60
  543.           }
  547.       </script>
  549.       {% endblock %}
  550. {% endblock %}