templates/security/DemandePasswordParent.html.twig line 1

Open in your IDE?
  1. {#
  2. /*
  3. * Autheur:hiba
  4. * Email:hibasfaxi19@gmail.com
  5. * Date de création :07/02/2020
  6. * Role: Connexion 
  7. *
  8. */#}
  9. <!DOCTYPE html>
  10. <html>
  11.     <head>
  12.         <meta charset="UTF-8">
  13.         <title>5 sur 5 séjour</title>
  14.         <link rel="shortcut icon" type="image/x-icon" href="{{'/images/Logo.png'}}" />
  15.         <meta http-equiv="x-ua-compatible" content="ie=edge">
  16.         <meta name="viewport" content="width=device-width, initial-scale=1">
  17.         <link rel="stylesheet" href="{{'/Plugins/css/bootstrap.min.css'}}" >  
  18.         <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  19.         <link rel="stylesheet" href="{{'/css/Accompagnateur/Style_EspaceAccompagnateur.css'}}" >
  20.         <link rel="stylesheet" href="{{'/css/Accompagnateur/Style_LoginAccompagnateur.css'}}" >
  21.         <link rel="stylesheet" href="{{'/Plugins/css/dropdown.css'}}" >
  23.         <style>
  24.             @font-face {
  25.                 font-family: 'Montserrat-Regular';
  26.                 src:   url( {{ '/fonts/Montserrat/Montserrat-Regular.otf' }}) format('opentype');
  27.             }
  28.             @font-face {
  29.                 font-family: 'Montserrat-Medium';
  30.                 src:   url( {{ '/fonts/Montserrat/Montserrat-Medium.otf' }}) format('opentype');
  31.             }
  32.             @font-face {
  33.                 font-family: 'Montserrat-Bold';
  34.                 src:   url( {{ '/fonts/Montserrat/Montserrat-Bold.otf' }}) format('opentype');
  35.             }
  36.             @font-face {
  37.                 font-family: 'Montserrat-Light';
  38.                 src:   url( {{ '/fonts/Montserrat/Montserrat-Light.otf' }}) format('opentype');
  39.             }
  40.             @font-face {
  41.                 font-family: 'Montserrat-SemiBold';
  42.                 src:   url( {{ '/fonts/Montserrat/Montserrat-SemiBold.otf' }}) format('opentype');
  43.             }
  44.             html {
  45.                 max-width:2000px ;
  46.                 margin:auto ; 
  47.             }
  48.             .fieldset-login{    
  49.                 padding: 0;
  50.                 margin: 0;
  51.                 border: 5px;
  52.                 display: grid ;
  53.             }
  54.             .centrer{
  55.                 margin:auto;
  56.             }    
  57.             .errormail{
  58.                 display: none;
  59.                 font-size: 14px;
  60.                 color: red;
  61.                 font-family: 'Montserrat-Medium';
  62.                 margin-bottom: 15px;
  63.             }
  64.         </style>
  65.          
  66.         <script src="{{'/Plugins/js/jquery-3.4.1.js'}}"></script>
  67.         <script src="{{'/Plugins/js/bootstrap.min.js'}}"></script>  
  68.         <script src="{{ asset('/Plugins/js/alert.js') }}"></script>
  69.         <script src="{{ asset('/Plugins/js/jquery.inputmask.js') }}"></script>
  70.         <script> $(".masktelph").inputmask({"mask": "9999999999"});</script>
  71.         <script src="https://widget.cloudinary.com/global/all.js" type="text/javascript"></script>
  72.         <script src="{{'/js/Accompagnateur/EspaceAccompagnateur.js'}}"></script>
  73.         <script>
  74.             $(".logmobile").click(function () {
  75.                 $(".DivFooter").css('display', 'flex');
  76.                 $(".DivFootermobile").hide();
  77.             });
  78.             function checkmail(val){
  79.                  var regex = /^\b[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,4}\b$/i;
  80.             if (val.match(regex) ){ 
  81.             $('#btnsubmitnewpass').prop('disabled',false);
  82.             $('.errormail').css('display','none');
  83.             }
  84.             else { 
  85.             $('#btnsubmitnewpass').prop('disabled',true);
  86.             $('.errormail').css('display','block');
  87.             }
  88.             }
  89.         </script>
  90.         {{ render(controller(
  91.         'App\\Controller\\AnalyticsController::analyticsBloc',
  92.         { 'max': 3 }
  93.     )) }}
  94.     </head>
  95.     <body>
  96.         <div class="row no-margin headerAccompagnateur"></div>
  97.         <div class="row no-margin " align="center">
  98.             <a href="/" class=" centrer"><img class="logoCenter" style="margin: auto;padding-top: 15px; margin: auto;"  src="{{ asset ('Accueil/imagesAccueil/logoHeader.svg')}}"  class="logoheadAccom"  /> </a>   
  99.         </div>
  100.         <div class="contentAccomp">
  101.             <div class="row no-margin" >
  102.                 <form method="post"    action="{{ path("request_passwordParent") }}" class="login-form" >
  103.                     <fieldset class="fieldset-login"  style="margin-bottom:15px; width :100%">
  104.                         <legend class ="Mp" style="margin-bottom:15px;"> <i class="fa fa-lock">
  105.                             </i>  Changer mot de passe </legend>
  106.                         <br>
  107.                         <input name="code" id="inputNewPass" class="form-control" placeholder="Saisir Votre Adresse mail ..." onkeyup="checkmail($(this).val());" onfocusout="checkmail($(this).val());">
  108.                         <span class='errormail'> Veuillez saisir une adresse email correcte ! </span>
  109.                         <button class="circle"  style="margin:auto;"type="submit" disabled id="btnsubmitnewpass">Envoyer </button>
  110.                     </fieldset>
  111.                 </form>
  113.             </div>
  114.         </div>
  115.         <div class="row no-margin rowFooter">
  117.             <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 no-padding SeparateurLeftAccom separteurfooter  "></div>
  118.                    <div class="col-sm-12 col-xs-12 no-padding DivFootermobile row no-margin">
  120.                 <div class=' col-sm-3 col-xs-3 no-padding logmobile'>
  121.                     <img src="{{'/images/Accompagnateur/IconeSejour.svg'}}" style="width: 44px;" onclick="">
  122.                 </div>
  123.                 <div class=' col-sm-3 col-xs-3 no-padding logmobile '>
  124.                     <img src="{{'/images/Accompagnateur/LogoEspaceAccom.svg'}}" style="width: 42px;"  onclick="">
  125.                 </div>
  126.                 <div class=' col-sm-3 col-xs-3 no-padding  logmobile'>
  127.                     <img src="{{'/images/Accompagnateur/GlobeFooter.svg'}}" style="width: 32px;" onclick="">
  128.                 </div>
  129.                 <div class=' col-sm-3 col-xs-3 no-padding logmobile '>
  130.                     <img src="{{'/images/iconcasque.svg'}}" class= "">
  132.                 </div>
  133.             </div>
  134.             <div class="col-lg-11 col-md-11 col-sm-11 col-xs-11 no-padding DivFooter">
  135.                 <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 no-padding ContenuFooter">
  136.                     <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 no-padding divlogoFooter">
  137.                         <img src="{{'/images/Accompagnateur/LogoFooter.svg'}}" class="logoFooter"/> 
  138.                     </div>
  139.                     <div class='row no-margin col-lg-3 col-md-4 col-sm-4 col-xs-4 no-padding log'>
  140.                         <h4 style="background-image:url('{{'/images/Accompagnateur/IconeSejour.svg'}}');" class="titleFooter titleparent " onclick='location.href = "{{path('app_back_Parent')}}";'>Espace Parent(s)</h4>
  141.                     </div>
  142.                     <div class='row no-margin col-lg-3 col-md-4 col-sm-4 col-xs-4 no-padding log'>
  143.                         <h4 style="background-image:url('{{'/images/Accompagnateur/LogoEspaceAccom.svg'}}');" class="titleFooter titleaccom" onclick='location.href = "{{path('app_back_Acommpa')}}";'>Espace accompagnateur</h4>
  144.                     </div>
  145.                     <div class='row no-margin col-lg-3 col-md-4 col-sm-4 col-xs-4 no-padding log'>
  146.                         <h4 style="background-image:url('{{'/images/Accompagnateur/GlobeFooter.svg'}}');" class="titleFooter titlepartenaire" onclick='location.href = "{{path('app_login_back_Partenaire')}}";'>Espace partenaire</h4>
  147.                     </div>
  148.                 </div>
  149.                 <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 no-padding ContenuFooter1">
  150.                     <div class='row no-margin col-lg-2 col-md-2 col-sm-2 col-xs-2 no-padding log1'>
  151.                 {% if not (app.user) %}
  152.                 <h4 class="titleFooter titleconf" onclick='location.href = "{{path('Mentionlegale')}}";'> Mentions légales </h4>
  153.        {% else %}
  154.        {% if  app.user.roles[0]=="ROLE_ACC" %}
  155.                 <h4 class="titleFooter titleconf" onclick='location.href = "{{path('Mentionlegale_Accompa')}}";'> Mentions légales </h4>
  156.        {% elseif  app.user.roles[0]=="ROLE_PARTENAIRE" %}
  157.                 <h4 class="titleFooter titleconf" onclick='location.href = "{{path('Mentionlegale_Partenaire')}}";'> Mentions légales </h4>
  158.        {% elseif  app.user.roles[0]=="ROLE_PARENT" %}
  159.                 <h4 class="titleFooter titleconf" onclick='location.href = "{{path('Mentionlegale_Parent')}}";'> Mentions légales </h4>
  160.        {% endif %}
  161.        {% endif %}
  162.                     </div>
  163.                     <div class='row no-margin col-lg-4 col-md-4 col-sm-4 col-xs-4 no-padding log1'>
  164.                 {% if not (app.user) %}
  165.                 <h4 class="titleFooter titlepolitic" onclick='location.href = "{{path('Politique')}}";'>  Charte des données personnelles <br> et d’usage des cookies</h4>
  166.        {% else %}
  167.        {% if  app.user.roles[0]=="ROLE_ACC" %}
  168.                 <h4 class="titleFooter titlepolitic" onclick='location.href = "{{path('Politique_Accompa')}}";'> Charte des données personnelles <br> et d’usage des cookies</h4>
  169.        {% elseif  app.user.roles[0]=="ROLE_PARTENAIRE" %}
  170.                 <h4 class="titleFooter titlepolitic" onclick='location.href = "{{path('Politique_Partenaire')}}";'> Charte des données personnelles <br> et d’usage des cookies</h4>
  171.        {% elseif  app.user.roles[0]=="ROLE_PARENT" %}
  172.                 <h4 class="titleFooter titlepolitic" onclick='location.href = "{{path('Politique_Parent')}}";'> Charte des données personnelles <br> et d’usage des cookies</h4>
  173.        {% endif %}
  174.        {% endif %}
  175.                     </div>
  176.                     <div class='row no-margin col-lg-3 col-md-2 col-sm-2 col-xs-2 no-padding log1'>
  177.                 {% if not (app.user) %}
  178.                 <h4 class="titleFooter titlecond" onclick='location.href = "{{path('Conditongeneral')}}";'>Conditions générales</h4>
  179.        {% else %}
  180.        {% if  app.user.roles[0]=="ROLE_ACC" %}
  181.                 <h4 class="titleFooter titlecond" onclick='location.href = "{{path('Conditongeneral_Accompa')}}";'>Conditions générales</h4>
  182.        {% elseif  app.user.roles[0]=="ROLE_PARTENAIRE" %}
  183.                 <h4 class="titleFooter titlecond" onclick='location.href = "{{path('Conditongeneral_Partenaire')}}";'>Conditions générales </h4>
  184.        {% elseif  app.user.roles[0]=="ROLE_PARENT" %}
  185.                 <h4 class="titleFooter titlecond" onclick='location.href = "{{path('Conditongeneral_Parent')}}";'>Conditions générales</h4>
  186.        {% endif %}
  187.        {% endif %}
  188.                     </div>
  189.                     <div class='row no-margin col-lg-3 col-md-4 col-sm-4 col-xs-4 no-padding log1'>
  190.                               <a  href="tel:+33 5 36 28 29 30">     <img src="{{'/images/300ppi/5sur5-Aide.png'}}" class="lconeFooter Iconaide"/></a>
  191.                         <h4 class="titleFooter titleaide"> Service client  <a style="color:#000;"class="aide" href="tel:+33 5 36 28 29 30">05 36 28 29 30</a></h4>   
  192.                     </div>
  193.                 </div>
  194.             </div>
  195.         </div>
  197.         <!--/ footer end  -->
  198.     </body>
  199. </html