templates/partenaire/authentification.html.twig line 1

Open in your IDE?
  1. {#
  2. /*
  3.  * Autheur:Salim abbessi
  4.  * Email:salimabbessi7@gmail.com
  5.  * Date de création :20/02/2020
  6. */
  7. #}
  8. {% extends 'partenaire/LayoutPartenaire.html.twig' %}
  9. {% block stylesheets %}
  10.     {{parent()}}
  11.     <link rel="stylesheet" href="{{asset ('css/Partenaire/loginPartenaire.css')}}" >
  12.     <style> 
  13.         .titleAdmin {
  14.             display:none ;
  15.         }
  16.     </style>
  17. {% endblock %}
  18. {% block Header %}
  19.     {{parent()}}
  20. {% endblock %}
  21. {% block Content %}
  23.     <div class="row no-margin headerPartenaire">
  24.         <a href="/">
  26.         </a>
  27.     </div>
  28.     <div class='row no-margin contenuLogin'>
  30.         <div class="col-lg-2 col-md-2 col-sm-2  col-xs-2 no-padding SeparateurLeftPart"></div> 
  31.         <div class="col-lg-9 col-md-9 col-sm-9  col-xs-9 no-padding contenu">
  32.             <div class="row no-margin bordertop"></div>
  34.             <div class="row no-margin  contact">
  35.                 <div class="col-lg-8 col-md-8 col-sm-8  col-xs-8  contenuContact">
  36.                     <div class="titre1">Valorisez la qualité de vos services :<br> offrez à vos clients, ou à vos salariés, l'accès à l'offre 5 sur 5 séjour.</div>
  37.                     <div class="sous-titre">Proposez une prestation simple et sécurisée afin de permettre à vos clients de garder le contact avec leurs enfants durant leur séjour scolaire ou extra scolaire</div>
  38.                     {#<div class="description1">Afin de valoriser ce partenariat, 5 sur 5 séjour propose différentes actions de valorisation de votre engagement: le nom et le logotype de votre établissement sera apposé#}
  39.                         {#sur l'ensemble de nos pages, sur les messages sms ou mail automatiques, sur les produits commandés. Vous pouvez aussi accompagner votre logo d'un texte pour les parents.</div>#}
  40.                     <div class="description2">Notre plateforme leur permettra de voir les photos réalisées par l'accompagnateur, consulter les messages audio et localiser sur une carte les différentes étapes du séjour. 
  41.                         Les parents pourront commander des produits souvenirs parmi une large gamme de produits (album photos, livre souvenir, tirages photo, box rétro, calendrier...).</div>
  43.                     <div class="description2">En qualité de partenaire, notre plateforme vous permettra la création de vos codes séjours en masse, la simplification de la communication avec vos accompagnateurs, 
  44.                         l'accès à une plateforme sécurisée dans le respect des nouvelles lois européennes RGPD, un gain additionnel par séjour, un service qualitatif supplémentaire à offrir à vos clients...</div>
  45.                     <div class="divlogo1">
  46.                         <div class="titre2"> Vous souhaitez en savoir plus, contactez-nous. </div>
  48.                     </div>
  52.                     <div class="row no-margin">
  53.                         <div class="col-lg-2 col-md-2 col-sm-2  col-xs-2 no-padding espacewithe">
  54.                         <img src="{{'/images/Accompagnateur/Picto5sur5.svg'}}" class="logo1" />
  55.                         </div>
  56.                         <div class="col-lg-4 col-md-4 col-sm-4  col-xs-4 no-padding contenucontactpro">
  57.                             <div class="contactpropostion">
  58.                                 <a class="contactpropostion1" style="color:#000;cursor:pointer;" href="tel:+33 5 36 28 29 30">05 36 28 29 30</a>
  59.                                 <a class="contactpropostion2"  style="cursor:pointer;color:#000;" href="mailto:contact@5sur5sejour.com" >contact@5sur5séjour.com</a>
  60.                                 <div>
  61.                                     <div class="descriptioncontact">
  62.                                         <div class="spandescriptioncontact1">5 sur 5 séjour / Société TRUST CONSEILS</div>
  63.                                         <div class="spandescriptioncontact1">12 rue Louis Courtois de Viçose, Bâtiment 3</div>
  64.                                         <div class="spandescriptioncontact1">69140 LYON France</div>
  65.                                     </div>
  66.                                 </div> 
  67.                             </div>
  68.                         </div>
  70.                         <div class="col-lg-6 col-md-6 col-sm-6  col-xs-6 no-padding formulairemail">
  71.                             <form method="post" > 
  72.                                 <div class="form-group">
  73.                                     <input type="text" class="form-control" id="nomSociete"  placeholder="Nom de votre société ou organisation" >
  74.                                     <input type="text" class="form-control" id="nomPartenaire"  placeholder="Prénom et nom *">
  75.                                     <div class="invalid-feedback trn" style="display:none" id="nomPartenaireMessage" >Ce champs est obligatoire!*</div>
  77.                                     <input type="text" class="form-control" id="fonction" placeholder="Fonction" >
  78.                                     <input type="text" class="form-control masktelph" id="numPartenaire"  placeholder="Votre Numéro de téléphone">
  79.                                     <input type="email" class="form-control mail" id="mailPartenaire"  placeholder="Votre Mail *" >
  80.                                     <div class="invalid-feedback trn" style="display:none" id="mailPartenaireMessage" >Merci de saisir une adresse email  valide!*</div>
  82.                                     <textarea  type="text" class="form-control form-mail" id="messagePartenaire" placeholder="MESSAGE:"></textarea>
  83.                                     <button type="button" class="circle" style="margin-top: 50px;margin-bottom: 100px" onclick="envoiEmailtoAdmin()"> Envoyer </button>
  85.                             </form>
  86.                         </div>
  89.                     </div>
  91.                 </div>
  93.             </div>
  94.             <div class="col-lg-2 col-md-2 col-sm-2  col-xs-2 no-padding loginconexion">
  95.                 <div class="titrecnx"> Vous êtes partenaire</div>
  96.                 <form method="post" >
  97.                     {% if error %}
  98.                         <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  99.                     {% endif %}
  100.                     <div class="sous-titrecnx">Bienvenue dans votre espace 5 sur 5 séjour</div>
  101.                     <div class="descriptioncnx">Entrez votre identifiant et votre mot de passe  a fin d'entrer dans votre plateforme d'administration</div>
  103.                     <input type="text"  name="email" id="inputEmail"  value="{{ last_username }}" class="form-control mailpartenaire"   placeholder="Mail partenaire">
  104.                     <input type="password" name="password" id="inputPassword" class="form-control MdpPartenaire"  placeholder="Mot de passe " >
  106.                     <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  107.                     <button  class="cerclecnx" type="submit" > Je me connecte </button>
  108.                     <div class ="mdpoublier"> <a  href="{{ path("patenaireforget") }}" style="color:#f09e7a ;">Vous avez oublié votre mot de passe  </a> </div>
  110.                 </form>
  112.             </div>
  113.         </div>
  115.     </div>
  117. {% endblock %}
  119. {% block Footer %}
  120.     {{parent()}}
  121. {% endblock %}
  122. {% block Javascript %}
  123.     {{parent()}}
  124.     <script>
  125.         var pathEnvoyerEmailToAdmin = "{{ path('EnvoiEmailToAdmin') }}";
  126.         function VerifierAdresseEmail(email)
  127.         {
  128.             $bCorrect = false;
  129.             var regex = /^[a-zA-Z0-9._-]+@[a-z0-9._-]{2,}\.[a-z]{2,4}$/;
  130.             if (!email.match(regex) )  { $bCorrect = true; }
  131.             else { $bCorrect = false; }
  132.             // Renvoi du booléen
  133.             return $bCorrect;
  134.         }
  135.         function envoiEmailtoAdmin()
  137.         {
  138.             $('#loaderPartenaire').css('display', 'block');
  139.             $nomSociete = $('#nomSociete').val();
  140.             $nomPrenom = "";
  141.             $fonction = $('#fonction').val();
  142.             $emailPartenaire = "";
  143.             $message = $('#messagePartenaire').val();
  144.             $num = $('#numPartenaire').val();
  145.             var test = false;
  149.             if ($('#nomPartenaire').val() == "")
  150.             {
  151.                 $('#nomPartenaire').addClass('is-invalid');
  152.                 $('#nomPartenaire').removeClass('is-valid');
  153.                 $('#nomPartenaireMessage').css('display', 'block');
  154.                 $('#nomPartenaire').css('border', '1px solid red');
  155.                 test = false;
  156.             } else {
  157.                 $('#nomPartenaire').removeClass('is-invalid');
  158.                 $('#nomPartenaire').addClass('is-valid');
  159.                 $('#nomPartenaireMessage').css('display', 'none');
  160.                 $('#nomPartenaire').css('border', '1px solid green');
  161.                 $nomPrenom = $('#nomPartenaire').val();
  162.                 test = true;
  163.             }
  166.             if (!VerifierAdresseEmail($('#mailPartenaire').val()))
  167.             {
  168.                 $('#mailPartenaire').removeClass('is-invalid');
  169.                 $('#mailPartenaire').addClass('is-valid');
  170.                 $('#mailPartenaireMessage').css('display', 'none');
  171.                 $('#mailPartenaire').css('border', '1px solid green');
  172.                 $emailPartenaire = $('#mailPartenaire').val();
  173.                 test = true;
  175.             } else {
  177.                 $('#mailPartenaire').addClass('is-invalid');
  178.                 $('#mailPartenaire').removeClass('is-valid');
  179.                 $('#mailPartenaireMessage').css('display', 'block');
  180.                 $('#mailPartenaire').css('border', '1px solid red');
  181.                 test = false;
  182.             }
  185.             $_data = {'nomSociete': $nomSociete,
  186.                 'nomPartenaire': $nomPrenom,
  187.                 'mailPartenaire': $emailPartenaire,
  188.                 'numTel': $num,
  189.                 'message': $message,
  190.                 'fonction': $fonction,
  191.             }
  192.             if (test)
  193.             {
  194.                 $.ajax({
  195.                     type: "POST",
  196.                     url: pathEnvoyerEmailToAdmin,
  197.                     data: $_data,
  198.                     // beforeSend: function (  ) {
  199.                     //     let timerInterval
  200.                     //     Swal.fire({
  201.                     //         title: 'En cours ...',
  202.                     //         html: '',
  203.                     //         timer: 99999999999,
  204.                     //         timerProgressBar: true,
  205.                     //         onBeforeOpen: () => {
  206.                     //             Swal.showLoading()
  207.                     //             timerInterval = setInterval(() => {
  208.                     //                 const content = Swal.getContent()
  209.                     //                 if (content) {
  210.                     //                     const b = content.querySelector('b')
  211.                     //                     if (b) {
  212.                     //                         b.textContent = Swal.getTimerLeft()
  213.                     //                     }
  214.                     //                 }
  215.                     //             }, 100)
  216.                     //         },
  217.                     //         onClose: () => {
  218.                     //             clearInterval(timerInterval)
  219.                     //         }
  220.                     //     }).then((result) => {
  221.                     //         /* Read more about handling dismissals below */
  222.                     //         if (result.dismiss === Swal.DismissReason.timer) {
  223.                     //         }
  224.                     //     })
  225.                     // },
  227.                     success: function (response) {
  228.                          Swal.fire({
  229.                         
  230.                             type: 'success',
  231.                             title: 'L équipe 5sur5 viendra vers vous très rapidement .'
  232.                         }).then(function() {
  233.           location.href = "{{path('page_Accueil')}}";
  234.                            });
  236.                         
  238.                     }
  241.                 });
  242.             } else {
  243.                 $('#loaderPartenaire').css('display', 'none');
  244.             }
  250.         }
  252.     </script>
  255. {% endblock %}