{% extends '@Flexy/FrontBundle/Themes/IlaveU/templates/layout.html.twig' %}

{% block body %}


	<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')}});">
		<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')}});">
			<div class="container container-fluid-xl">
				
				<h1 class="subtitle__title">Se connecter</h1>
			</div>
			<div class="bubbleContainer">
				<div class="bubble-1"></div>
				<div class="bubble-2"></div>
				<div class="bubble-3"></div>
				<div class="bubble-4"></div>
				<div class="bubble-5"></div>
				<div class="bubble-6"></div>
				<div class="bubble-7"></div>
				<div class="bubble-8"></div>
				<div class="bubble-9"></div>
				<div class="bubble-10"></div>
			</div>
		</div>
	</div>
        <!-- Begin Body Wrapper -->
        <div class="body-wrapper mt-4 mb-4">
  
            
            <!-- Begin Se connecter Content Area -->
            <div class="page-section mb-60">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-12 col-md-12 col-xs-12 col-lg-5 mb-30 pt-10">
                            <!-- Se connecter Form s-->
                        <h4 >Se connecter</h4>

                            <form action="{{path('login')}}" method="post">
    {% if error %}
        <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
    {% endif %}

    {% if app.user %}
        <div class="mb-3">
            Vous êtes connecté en tant que {{ app.user.username }}, <a href="{{ path('app_logout') }}">Se deconnecter</a>
        </div>
    {% endif %}

    <h1 class="h3 mb-3 text-white font-weight-normal">Connexion</h1>

    <label for="inputUsername">Nom d'utilisateur</label>
    <input type="text" value="{{ last_username }}" name="username" id="inputUsername" class="form-control" autocomplete="username" required autofocus>
    <label for="inputPassword">Mot de passe</label>
    <input type="password" name="password" id="inputPassword" class="form-control" autocomplete="current-password" required>

    <input type="hidden" name="_csrf_token"
           value="{{ csrf_token('authenticate') }}"
    >
   

    {#
        Uncomment this section and add a remember_me option below your firewall to activate remember me functionality.
        See https://symfony.com/doc/current/security/remember_me.html

        <div class="checkbox mb-3">
            <label>
                <input type="checkbox" name="_remember_me"> Remember me
            </label>
        </div>
    #}
    
    <br>
    <button class="save-button d-block btn btn-success"  style="width: 100%;" type="submit">
        Se connecter
    </button>
     <hr class="line" style="margin:10px 0;height:1px;background:#ddd;">
     <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>
     <a href="{{path('connect_facebook_start')}}" class="btn btn-primary  d-block" ><i class="fa-brands fa-facebook"></i> Se conneceter avec Facebook</a>


<hr class="line" style="margin:10px 0;height:1px;background:#ddd;">
    <a class="btn btn-primary d-block" href="{{path("app_forgot_password_request")}}" >Mot de passe oublié ou perdu</a>

    </form>
    
                            
                        </div>
                        <div class="col-sm-12 col-md-12 col-lg-7 col-xs-12">
                            <div class="card p-4">

                            

                            <h4 class="login-title">Choisissez votre compte á créer</h4>

                            

                            <br>

                                     <div id="registerCustomer" class="registerForm">
                                        {{ form_start(registrationCustomerForm,{attr:{"data-turbo":"false"}}) }}

                                        <div class="row">
                                        <div class="col-12" >
                                                <div class="checkout-form-list">
                                                    <label>Vous etes un client <span class="required">*</span></label>
                                                     {{ form_widget(registrationCustomerForm.customerGroup) }}
                                                   </div>
                                               
                                                </div>
                                            <div class="col-6" >
                                                <div class="checkout-form-list">
                                                    <label>Prénom <span class="required">*</span></label>
                                                     {{ form_widget(registrationCustomerForm.firstName) }}
                                                   </div>
                                               
                                                </div>
                                            <div class="col-6" >
                                                <div class="checkout-form-list">
                                                    <label>Nom <span class="required">*</span></label>
                                                     {{ form_widget(registrationCustomerForm.lastName) }}
                                                   </div>
                                               </div>

                                            <div class="col-6" >

                                                <div class="checkout-form-list">
                                                    <label>Email <span class="required">*</span></label>
                                                    {{ form_errors(registrationCustomerForm.email) }}
                                                     {{ form_widget(registrationCustomerForm.email) }}
                                                   </div>
                                               </div>
                                            <div class="col-6" >
                                                <div class="checkout-form-list">
                                                    <label>Mot de passe <span class="required">*</span></label>
                                                     {{ form_widget(registrationCustomerForm.user.password) }}
                                                   </div>
                                                </div>   
                                            
                                            <!--<div class="col-6" >{{ form_row(registrationCustomerForm.companyName) }}</div>-->
                                             <div class="col-6" >

                                                  <div class="checkout-form-list">
                                                    <label>Genre <span class="required">*</span></label>
                                                     {{ form_widget(registrationCustomerForm.gender) }}
                                                   </div>
                                                 
                                                 
                                                 </div>
                                        
                                                  
                                            <div class="col-6" >
                                                    <div class="checkout-form-list">
                                                    <label>Adresse <span class="required">*</span></label>
                                                     {{ form_widget(registrationCustomerForm.address) }}
                                                   </div>
                                               </div>
                                                 
                                            <div class="col-6" >{{ form_row(registrationCustomerForm.addressIndication) }}</div>
                                            <div class="col-6" >

                                                  <div class="checkout-form-list">
                                                    <label>Téléphone <span class="required">*</span></label>
                                                    {{ form_errors(registrationCustomerForm.phone) }}
                                                     {{ form_widget(registrationCustomerForm.phone) }}
                                                   </div>
                                            
                                                
                                                </div>
                                             <div class="col-6" >{{ form_row(registrationCustomerForm.dateOfBirth) }}</div>
                                            <div class="col-6" >{{ form_row(registrationCustomerForm.postCode) }}</div>

                                           
                                            
                                             <div class="col-6" >
                                                 <div class="checkout-form-list">
                                                    <label>Code Parrainage </label>
                                                     {{ form_widget(registrationCustomerForm.sponsorshipCode) }}
                                                </div>
                                                
                                            </div>
                                         
                                            
                                             
                                            <div class="col-12" >
                                            <div class="checkout-form-list">
                                                    <label>Vous souhaitez recevoir des nouvelles par mail ? </label>
                                                     {{ form_widget(registrationCustomerForm.canReceiveMails) }}
                                                </div>
                                                
                                                <div class="checkout-form-list">
                                                    <label>Vous souhaitez recevoir des nouvelles par SMS ? </label>
                                                     {{ form_widget(registrationCustomerForm.canReceiveSms) }}
                                                </div>
                                                 <div class="checkout-form-list">
                                                    <label>Accepter les conditions génerales <span class="required">*</span>  {{ form_widget(registrationCustomerForm.agreeTerms) }}</label>
                                                    
                                                   </div>
                                               </div>
                                            
                                        </div>

                                        {#
                                            {{ form_row(registrationForm.username) }}
                                            {{ form_row(registrationForm.plainPassword, {
                                                label: 'Password'
                                            }) }}
                                            {{ form_row(registrationForm.agreeTerms) }}
                                        #}
                                        {{ form_rest(registrationCustomerForm) }}
                                            </br>
                                            <button  type="submit" class="save-button btn btn-success mt-0">Créer</button>
                                        {{ form_end(registrationCustomerForm) }}
                                            </div>

                                    <div id="registerVendor" class="d-none registerForm">
                                        {{ form_start(registrationVendorForm) }}

                                        <div class="row">
                                            <div class="col-6" > 
                                               
                                                <div class="checkout-form-list">
                                                    <label>Nom de l'entreprise <span class="required">*</span></label>
                                                     {{ form_widget(registrationVendorForm.name) }}
                                                </div>
                                               
                                                
                                            </div>
                                            <div class="col-6" > 
                                                  <div class="checkout-form-list">
                                                    <label>Nom et prénom de contact<span class="required">*</span></label>
                                                     {{ form_widget(registrationVendorForm.fullName) }}
                                                </div>
                                            </div>
                                            <div class="col-12" >
                                                <div class="checkout-form-list">
                                                    <label>Adresse <span class="required">*</span></label>
                                                     {{ form_widget(registrationVendorForm.address) }}
                                                </div>
                                                
                                            </div>
                                            <div class="col-12" >
                                                 <div class="checkout-form-list">
                                                    <label>Email<span class="required">*</span></label>
                                                     {{ form_widget(registrationVendorForm.email) }}
                                                </div>
                                            </div>
                                            <div class="col-6" >
                                                 <div class="checkout-form-list">
                                                    <label>Ville<span class="required">*</span></label>
                                                     {{ form_widget(registrationVendorForm.city) }}
                                                </div>
                                               </div>
                                            <div class="col-6" >
                                                  <div class="checkout-form-list">
                                                    <label>Téléphone<span class="required">*</span></label>
                                                     {{ form_widget(registrationVendorForm.tel) }}
                                                </div>
                                                
                                            </div>
                                            <div class="col-6" >
                                                   <div class="checkout-form-list">
                                                    <label>Identifiant Commun Entreprise <span class="required">*</span></label>
                                                     {{ form_widget(registrationVendorForm.ICE) }}
                                                </div>
                                            </div>
                                            <div class="col-6" >{{ form_row(registrationVendorForm.imageIceFile) }}</div>
                                            <div class="col-6" >
                                                  <div class="checkout-form-list">
                                                    <label>Registre du Commerce <span class="required">*</span></label>
                                                     {{ form_widget(registrationVendorForm.RC) }}
                                                </div>
                                               </div>
                                            <div class="col-6" >{{ form_row(registrationVendorForm.imageRCFile) }}</div>
                                            <div class="col-6" >
                                                <div class="checkout-form-list">
                                                    <label>Identifiant Fiscale <span class="required">*</span></label>
                                                     {{ form_widget(registrationVendorForm.IdentifiantFiscale) }}
                                                </div>
                                             </div>
                                            <div class="col-6" >{{ form_row(registrationVendorForm.imageIFFile) }}</div>
                                            <div class="col-6" >
                                                 <div class="checkout-form-list">
                                                    <label>Identifiant <span class="required">*</span></label>
                                                     {{ form_widget(registrationVendorForm.simulateUsername) }}
                                                </div>
                                         </div>
                                            <div class="col-6" >
                                                 <div class="checkout-form-list">
                                                    <label>Mot de passe <span class="required">*</span></label>
                                                     {{ form_widget(registrationVendorForm.simulatePassword) }}
                                                </div>
                                                
                                            </div>
                                           
                                            
                                            <div class="col-12" >
                                                <div class="checkout-form-list">
                                                    <label>Accepter les conditions génerales <span class="required">*</span>  {{ form_widget(registrationVendorForm.agreeTerms) }}</label>
                                                    
                                                   </div>
                                                </div>
                                            
                                        </div>

                                        {#
                                            {{ form_row(registrationForm.username) }}
                                            {{ form_row(registrationForm.plainPassword, {
                                                label: 'Password'
                                            }) }}
                                            {{ form_row(registrationForm.agreeTerms) }}
                                        #}
                                            </br>
                                            <button  type="submit" class="save-button btn btn-success mt-0">Créer</button>
                                        {{ form_end(registrationVendorForm) }}
                                            </div>


                                                   

                            </div>

                            
                        </div>
                    </div>
                </div>
            </div>
            <!-- Se connecter Content Area End Here -->

        </div>
        <!-- Body Wrapper End Here -->

{% endblock %}

{% block javascripts %}
{{parent()}}




<script>


function isMobileDevice() {
  return /Mobi/i.test(navigator.userAgent);
}

  function isAndroid() {
  return /Android/i.test(navigator.userAgent);
}

function isiOS() {
  return /iPhone|iPad|iPod/i.test(navigator.userAgent);
}
// Usage
{% if order is defined %}

{% if order.source == "mobile" %}
if (isMobileDevice()) {




// Example usage
if (isAndroid()) {
   window.location.href = "{{settings.get.mobileAppSchemeAndroid}}?path=/myaccount/successUpdatePassword";
  window.close();
} else if (isiOS()) {
   window.location.href = "{{settings.get.mobileAppSchemeIOS}}?path=/myaccount/successUpdatePassword";
  window.close();
}


 
} 
{% endif %}

{% endif %}

</script>

<script>
    $(document).ready(function()
    {
        $("#select-account").change(function(){
            var selectedAccount = $(this).val();
            

            $(".registerForm").addClass("d-none");
            $("#"+selectedAccount).removeClass("d-none");


        });
    });
</script>




{% endblock %}