src/Flexy/FrontBundle/Themes/IlaveU/templates/myaccount/login-register.html.twig line 1

  1. {% extends '@Flexy/FrontBundle/Themes/IlaveU/templates/layout.html.twig' %}
  3. {% block body %}
  6.     <div id="subtitle-wrapper" class=" lazyloaded" data-bg="{{asset('themes/ilaveu/laundry/images/subtitle-wrapper01-img.jpg')}}" style="background-image: url({{asset('themes/ilaveu/laundry/images/subtitle-wrapper01-img.jpg')}});">
  7.         <div class="subtitle-wrapper-img lazyloaded" data-bg="{{asset('themes/ilaveu/laundry/images/subtitle-wrapper01-img.jpg')}}" style="background-image: url({{asset('themes/ilaveu/laundry/images/subtitle-wrapper01-img.jpg')}});">
  8.             <div class="container container-fluid-xl">
  9.                 
  10.                 <h1 class="subtitle__title">Se connecter</h1>
  11.             </div>
  12.             <div class="bubbleContainer">
  13.                 <div class="bubble-1"></div>
  14.                 <div class="bubble-2"></div>
  15.                 <div class="bubble-3"></div>
  16.                 <div class="bubble-4"></div>
  17.                 <div class="bubble-5"></div>
  18.                 <div class="bubble-6"></div>
  19.                 <div class="bubble-7"></div>
  20.                 <div class="bubble-8"></div>
  21.                 <div class="bubble-9"></div>
  22.                 <div class="bubble-10"></div>
  23.             </div>
  24.         </div>
  25.     </div>
  26.         <!-- Begin Body Wrapper -->
  27.         <div class="body-wrapper mt-4 mb-4">
  28.   
  29.             
  30.             <!-- Begin Se connecter Content Area -->
  31.             <div class="page-section mb-60">
  32.                 <div class="container">
  33.                     <div class="row">
  34.                         <div class="col-sm-12 col-md-12 col-xs-12 col-lg-5 mb-30 pt-10">
  35.                             <!-- Se connecter Form s-->
  36.                         <h4 >Se connecter</h4>
  38.                             <form action="{{path('login')}}" method="post">
  39.     {% if error %}
  40.         <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  41.     {% endif %}
  43.     {% if app.user %}
  44.         <div class="mb-3">
  45.             Vous êtes connecté en tant que {{ app.user.username }}, <a href="{{ path('app_logout') }}">Se deconnecter</a>
  46.         </div>
  47.     {% endif %}
  49.     <h1 class="h3 mb-3 text-white font-weight-normal">Connexion</h1>
  51.     <label for="inputUsername">Nom d'utilisateur</label>
  52.     <input type="text" value="{{ last_username }}" name="username" id="inputUsername" class="form-control" autocomplete="username" required autofocus>
  53.     <label for="inputPassword">Mot de passe</label>
  54.     <input type="password" name="password" id="inputPassword" class="form-control" autocomplete="current-password" required>
  56.     <input type="hidden" name="_csrf_token"
  57.            value="{{ csrf_token('authenticate') }}"
  58.     >
  59.    
  61.     {#
  62.         Uncomment this section and add a remember_me option below your firewall to activate remember me functionality.
  63.         See https://symfony.com/doc/current/security/remember_me.html
  65.         <div class="checkbox mb-3">
  66.             <label>
  67.                 <input type="checkbox" name="_remember_me"> Remember me
  68.             </label>
  69.         </div>
  70.     #}
  71.     
  72.     <br>
  73.     <button class="save-button d-block btn btn-success"  style="width: 100%;" type="submit">
  74.         Se connecter
  75.     </button>
  76.      <hr class="line" style="margin:10px 0;height:1px;background:#ddd;">
  77.      <a href="{{path('connect_google_start')}}" class="btn btn-danger mt-1 mb-1 d-block" ><i class="fa-brands fa-google"></i> Se conneceter avec Google</a>
  78.      <a href="{{path('connect_facebook_start')}}" class="btn btn-primary  d-block" ><i class="fa-brands fa-facebook"></i> Se conneceter avec Facebook</a>
  81. <hr class="line" style="margin:10px 0;height:1px;background:#ddd;">
  82.     <a class="btn btn-primary d-block" href="{{path("app_forgot_password_request")}}" >Mot de passe oublié ou perdu</a>
  84.     </form>
  85.     
  86.                             
  87.                         </div>
  88.                         <div class="col-sm-12 col-md-12 col-lg-7 col-xs-12">
  89.                             <div class="card p-4">
  91.                             
  93.                             <h4 class="login-title">Choisissez votre compte á créer</h4>
  95.                             
  97.                             <br>
  99.                                      <div id="registerCustomer" class="registerForm">
  100.                                         {{ form_start(registrationCustomerForm,{attr:{"data-turbo":"false"}}) }}
  102.                                         <div class="row">
  103.                                         <div class="col-12" >
  104.                                                 <div class="checkout-form-list">
  105.                                                     <label>Vous etes un client <span class="required">*</span></label>
  106.                                                      {{ form_widget(registrationCustomerForm.customerGroup) }}
  107.                                                    </div>
  108.                                                
  109.                                                 </div>
  110.                                             <div class="col-6" >
  111.                                                 <div class="checkout-form-list">
  112.                                                     <label>Prénom <span class="required">*</span></label>
  113.                                                      {{ form_widget(registrationCustomerForm.firstName) }}
  114.                                                    </div>
  115.                                                
  116.                                                 </div>
  117.                                             <div class="col-6" >
  118.                                                 <div class="checkout-form-list">
  119.                                                     <label>Nom <span class="required">*</span></label>
  120.                                                      {{ form_widget(registrationCustomerForm.lastName) }}
  121.                                                    </div>
  122.                                                </div>
  124.                                             <div class="col-6" >
  126.                                                 <div class="checkout-form-list">
  127.                                                     <label>Email <span class="required">*</span></label>
  128.                                                     {{ form_errors(registrationCustomerForm.email) }}
  129.                                                      {{ form_widget(registrationCustomerForm.email) }}
  130.                                                    </div>
  131.                                                </div>
  132.                                             <div class="col-6" >
  133.                                                 <div class="checkout-form-list">
  134.                                                     <label>Mot de passe <span class="required">*</span></label>
  135.                                                      {{ form_widget(registrationCustomerForm.user.password) }}
  136.                                                    </div>
  137.                                                 </div>   
  138.                                             
  139.                                             <!--<div class="col-6" >{{ form_row(registrationCustomerForm.companyName) }}</div>-->
  140.                                              <div class="col-6" >
  142.                                                   <div class="checkout-form-list">
  143.                                                     <label>Genre <span class="required">*</span></label>
  144.                                                      {{ form_widget(registrationCustomerForm.gender) }}
  145.                                                    </div>
  146.                                                  
  147.                                                  
  148.                                                  </div>
  149.                                         
  150.                                                   
  151.                                             <div class="col-6" >
  152.                                                     <div class="checkout-form-list">
  153.                                                     <label>Adresse <span class="required">*</span></label>
  154.                                                      {{ form_widget(registrationCustomerForm.address) }}
  155.                                                    </div>
  156.                                                </div>
  157.                                                  
  158.                                             <div class="col-6" >{{ form_row(registrationCustomerForm.addressIndication) }}</div>
  159.                                             <div class="col-6" >
  161.                                                   <div class="checkout-form-list">
  162.                                                     <label>Téléphone <span class="required">*</span></label>
  163.                                                     {{ form_errors(registrationCustomerForm.phone) }}
  164.                                                      {{ form_widget(registrationCustomerForm.phone) }}
  165.                                                    </div>
  166.                                             
  167.                                                 
  168.                                                 </div>
  169.                                              <div class="col-6" >{{ form_row(registrationCustomerForm.dateOfBirth) }}</div>
  170.                                             <div class="col-6" >{{ form_row(registrationCustomerForm.postCode) }}</div>
  172.                                            
  173.                                             
  174.                                              <div class="col-6" >
  175.                                                  <div class="checkout-form-list">
  176.                                                     <label>Code Parrainage </label>
  177.                                                      {{ form_widget(registrationCustomerForm.sponsorshipCode) }}
  178.                                                 </div>
  179.                                                 
  180.                                             </div>
  181.                                          
  182.                                             
  183.                                              
  184.                                             <div class="col-12" >
  185.                                             <div class="checkout-form-list">
  186.                                                     <label>Vous souhaitez recevoir des nouvelles par mail ? </label>
  187.                                                      {{ form_widget(registrationCustomerForm.canReceiveMails) }}
  188.                                                 </div>
  189.                                                 
  190.                                                 <div class="checkout-form-list">
  191.                                                     <label>Vous souhaitez recevoir des nouvelles par SMS ? </label>
  192.                                                      {{ form_widget(registrationCustomerForm.canReceiveSms) }}
  193.                                                 </div>
  194.                                                  <div class="checkout-form-list">
  195.                                                     <label>Accepter les conditions génerales <span class="required">*</span>  {{ form_widget(registrationCustomerForm.agreeTerms) }}</label>
  196.                                                     
  197.                                                    </div>
  198.                                                </div>
  199.                                             
  200.                                         </div>
  202.                                         {#
  203.                                             {{ form_row(registrationForm.username) }}
  204.                                             {{ form_row(registrationForm.plainPassword, {
  205.                                                 label: 'Password'
  206.                                             }) }}
  207.                                             {{ form_row(registrationForm.agreeTerms) }}
  208.                                         #}
  209.                                         {{ form_rest(registrationCustomerForm) }}
  210.                                             </br>
  211.                                             <button  type="submit" class="save-button btn btn-success mt-0">Créer</button>
  212.                                         {{ form_end(registrationCustomerForm) }}
  213.                                             </div>
  215.                                     <div id="registerVendor" class="d-none registerForm">
  216.                                         {{ form_start(registrationVendorForm) }}
  218.                                         <div class="row">
  219.                                             <div class="col-6" > 
  220.                                                
  221.                                                 <div class="checkout-form-list">
  222.                                                     <label>Nom de l'entreprise <span class="required">*</span></label>
  223.                                                      {{ form_widget(registrationVendorForm.name) }}
  224.                                                 </div>
  225.                                                
  226.                                                 
  227.                                             </div>
  228.                                             <div class="col-6" > 
  229.                                                   <div class="checkout-form-list">
  230.                                                     <label>Nom et prénom de contact<span class="required">*</span></label>
  231.                                                      {{ form_widget(registrationVendorForm.fullName) }}
  232.                                                 </div>
  233.                                             </div>
  234.                                             <div class="col-12" >
  235.                                                 <div class="checkout-form-list">
  236.                                                     <label>Adresse <span class="required">*</span></label>
  237.                                                      {{ form_widget(registrationVendorForm.address) }}
  238.                                                 </div>
  239.                                                 
  240.                                             </div>
  241.                                             <div class="col-12" >
  242.                                                  <div class="checkout-form-list">
  243.                                                     <label>Email<span class="required">*</span></label>
  244.                                                      {{ form_widget(registrationVendorForm.email) }}
  245.                                                 </div>
  246.                                             </div>
  247.                                             <div class="col-6" >
  248.                                                  <div class="checkout-form-list">
  249.                                                     <label>Ville<span class="required">*</span></label>
  250.                                                      {{ form_widget(registrationVendorForm.city) }}
  251.                                                 </div>
  252.                                                </div>
  253.                                             <div class="col-6" >
  254.                                                   <div class="checkout-form-list">
  255.                                                     <label>Téléphone<span class="required">*</span></label>
  256.                                                      {{ form_widget(registrationVendorForm.tel) }}
  257.                                                 </div>
  258.                                                 
  259.                                             </div>
  260.                                             <div class="col-6" >
  261.                                                    <div class="checkout-form-list">
  262.                                                     <label>Identifiant Commun Entreprise <span class="required">*</span></label>
  263.                                                      {{ form_widget(registrationVendorForm.ICE) }}
  264.                                                 </div>
  265.                                             </div>
  266.                                             <div class="col-6" >{{ form_row(registrationVendorForm.imageIceFile) }}</div>
  267.                                             <div class="col-6" >
  268.                                                   <div class="checkout-form-list">
  269.                                                     <label>Registre du Commerce <span class="required">*</span></label>
  270.                                                      {{ form_widget(registrationVendorForm.RC) }}
  271.                                                 </div>
  272.                                                </div>
  273.                                             <div class="col-6" >{{ form_row(registrationVendorForm.imageRCFile) }}</div>
  274.                                             <div class="col-6" >
  275.                                                 <div class="checkout-form-list">
  276.                                                     <label>Identifiant Fiscale <span class="required">*</span></label>
  277.                                                      {{ form_widget(registrationVendorForm.IdentifiantFiscale) }}
  278.                                                 </div>
  279.                                              </div>
  280.                                             <div class="col-6" >{{ form_row(registrationVendorForm.imageIFFile) }}</div>
  281.                                             <div class="col-6" >
  282.                                                  <div class="checkout-form-list">
  283.                                                     <label>Identifiant <span class="required">*</span></label>
  284.                                                      {{ form_widget(registrationVendorForm.simulateUsername) }}
  285.                                                 </div>
  286.                                          </div>
  287.                                             <div class="col-6" >
  288.                                                  <div class="checkout-form-list">
  289.                                                     <label>Mot de passe <span class="required">*</span></label>
  290.                                                      {{ form_widget(registrationVendorForm.simulatePassword) }}
  291.                                                 </div>
  292.                                                 
  293.                                             </div>
  294.                                            
  295.                                             
  296.                                             <div class="col-12" >
  297.                                                 <div class="checkout-form-list">
  298.                                                     <label>Accepter les conditions génerales <span class="required">*</span>  {{ form_widget(registrationVendorForm.agreeTerms) }}</label>
  299.                                                     
  300.                                                    </div>
  301.                                                 </div>
  302.                                             
  303.                                         </div>
  305.                                         {#
  306.                                             {{ form_row(registrationForm.username) }}
  307.                                             {{ form_row(registrationForm.plainPassword, {
  308.                                                 label: 'Password'
  309.                                             }) }}
  310.                                             {{ form_row(registrationForm.agreeTerms) }}
  311.                                         #}
  312.                                             </br>
  313.                                             <button  type="submit" class="save-button btn btn-success mt-0">Créer</button>
  314.                                         {{ form_end(registrationVendorForm) }}
  315.                                             </div>
  318.                                                    
  320.                             </div>
  322.                             
  323.                         </div>
  324.                     </div>
  325.                 </div>
  326.             </div>
  327.             <!-- Se connecter Content Area End Here -->
  329.         </div>
  330.         <!-- Body Wrapper End Here -->
  332. {% endblock %}
  334. {% block javascripts %}
  335. {{parent()}}
  340. <script>
  343. function isMobileDevice() {
  344.   return /Mobi/i.test(navigator.userAgent);
  345. }
  347.   function isAndroid() {
  348.   return /Android/i.test(navigator.userAgent);
  349. }
  351. function isiOS() {
  352.   return /iPhone|iPad|iPod/i.test(navigator.userAgent);
  353. }
  354. // Usage
  355. {% if order is defined %}
  357. {% if order.source == "mobile" %}
  358. if (isMobileDevice()) {
  363. // Example usage
  364. if (isAndroid()) {
  365.    window.location.href = "{{settings.get.mobileAppSchemeAndroid}}?path=/myaccount/successUpdatePassword";
  366.   window.close();
  367. } else if (isiOS()) {
  368.    window.location.href = "{{settings.get.mobileAppSchemeIOS}}?path=/myaccount/successUpdatePassword";
  369.   window.close();
  370. }
  373.  
  374. } 
  375. {% endif %}
  377. {% endif %}
  379. </script>
  381. <script>
  382.     $(document).ready(function()
  383.     {
  384.         $("#select-account").change(function(){
  385.             var selectedAccount = $(this).val();
  386.             
  388.             $(".registerForm").addClass("d-none");
  389.             $("#"+selectedAccount).removeClass("d-none");
  392.         });
  393.     });
  394. </script>
  399. {% endblock %}