{% extends '@Flexy/FrontBundle/Themes/' ~ settings.get.assetFolderName|capitalize ~ '/templates/layout.html.twig' %}

{% form_theme editForm 'bootstrap_4_layout.html.twig' %}


{% block body %}


	<div class="container p-lg-5 pt-5 pb-5">

		
    

			<div class="row">
                <div class="col-lg-6 offset-lg-3 col-12  text-center mb-5">
                
                       {% include "@Flexy/FrontBundle/Themes/" ~ settings.get.assetFolderName|capitalize ~ "/templates/missions/small-includes/_steps.html.twig" with {invoice:invoice} %}

                </div>
				<div class="col-12 col-lg-5 col-md-12 mb-5">
					{% include "@Flexy/FrontBundle/Themes/" ~ settings.get.assetFolderName|capitalize ~ "/templates/missions/small-includes/_ticket.html.twig" with {invoice:invoice,missions:missions} %}
				</div>
				
				<div class="col-lg-7 col-12 col-md-12">
				{{form_start(editForm,{"attr":{"id":"checkout-form","data-turbo":"false"},'action': path('completeBookingFormStep3',{id:invoice.id})})}}
					
					

					
					
					<div class="row">
					
					{% if is_granted("ROLE_CUSTOMER") ==false %}
					<div class="col-12" >
							<h6 style="color:#02b6ff;" class="mt-5"><i class="fas fa-file-invoice"></i> Informations Factures</h6>
					</div>
					{% endif %}
					{% if is_granted("ROLE_CUSTOMER") == false %}
						{{form_row(editForm.pay20Percent)}}
						{% for singleField in editForm.children["customer"]  %}
							{% if singleField != editForm.children|last %}
							{{form_row(singleField)}}
							{% endif %}
						{% endfor %}
					{% else %}
						<div class="col-12" >

							{% set customerHasWallet = false %}
							{% set creditMax = 0 %}

							{% if invoice.customer.credit > 0 %}
								{% set customerHasWallet = true %}
								{% set creditMax = invoice.customer.credit %}
							{% endif %}

							{% if customerHasWallet %}

							
							<h6 style="color:#02b6ff;"><i class="fas fa-gifts"></i> 
							
								Utiliser Remises de fidélité ATAFRANCE
							
							</h6>

							<div class="row mt-4">
								<div class="col-6 col-md-2" >
									{{form_widget(editForm.walletPaymentAmount, { disabled : customerHasWallet ? false : true,attr:{
								min: 0,
								max: creditMax
							} })}}


							{{form_errors(editForm.walletPaymentAmount)}}
								</div>
								<div class="col-6 col-md-10" >
									<p style="margin: 0 0 0 0;font-size:14px;">Votre solde est <b>{{invoice.customer.credit}}{{settings.get.currency|trans}} </b>, Vous utiliserez <b><span class="liveWallet">0<span>{{settings.get.currency|trans}} </b> Il vous restera <b><span class="liveWalletRest">{{invoice.customer.credit}}</span>{{settings.get.currency|trans}} </b></p>
								</div>
							</div>
							

							{% else %}
								
								<h6 style="color:#02b6ff;"><i class="fas fa-gifts"></i> 
							
								Vous n'avez pas de solde !
							
							</h6>
							<div class="row mt-4">
								<div class="col-6 col-md-2" >
									{{form_widget(editForm.walletPaymentAmount, { disabled : customerHasWallet ? false : true,attr:{
								value:0
							} })}}


							{{form_errors(editForm.walletPaymentAmount)}}
								</div>
								<div class="col-6 col-md-10" >
									<p style="margin: 0 0 0 0;font-size:14px;">Cumuler les remises à chacune de vos réservations sur notre site.</p>
								</div>
							</div>
								
								
							{% endif %}
							
							


							
						</div>

						
						<div class="col-12" >
							<h6 style="color:#02b6ff;" class="mt-5"><i class="fas fa-file-invoice"></i> Informations Factures</h6>
						</div>
						
						{{form_rest(editForm)}}
					{% endif %}
					</div>

					<button class="btn btn-primary">Continuer</button>
					
					
					{{form_end(editForm)}}
				</div>
				<div class="col-12 d-none">
					<a class="btn btn-success d-none" href="{{path('front_home')}}">
						Reserver a nouveau</a>
				</div>
			</div>


		

	</div>

{% endblock %}



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

<script>
	document.addEventListener("turbo:load",function(){
		
		
			
			{% if is_granted("ROLE_CUSTOMER") %}
				{% if invoice.customer.credit > 0 %}
					$("#invoice_step_infos_walletPaymentAmount").on("keyup change",function(){
						
						$(".liveWallet").text($(this).val());
						$(".liveWalletRest").text({{invoice.customer.credit}} - parseInt($(this).val()));
					});
				{% endif %}
			{% endif %}
		
	});
</script>
{% endblock %}