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

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


{% block body %}


	<div class="container ">

		
        



			<div class="row">

				
				<div class="col-lg-8  offset-lg-2 ">
				
				
				<div id="checkout-form">

				{% include "@Flexy/FrontBundle/Themes/Mutaweef/templates/missions/small-includes/_steps.html.twig"  %}

				<div class="container text-center mb-5" >
					<h5>Guide Umrah</h5>
					<p style="text-align: center;">lorem ipsum dolor sit amet consectetur elit lorem ipsum dolor sit amet <br>
					  consectetur elit lorem ipsum dolor sit amet consectetur elit </p>
				</div>

				{{form_start(editForm,{attr:{"data-turbo":"false"}})}}
					
					
						 
               
					
					
					<div class="row">
					{% if is_granted("ROLE_CUSTOMER") == false %}
						{% 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 order.customer.credit > 0 %}
								{% set customerHasWallet = true %}
								{% set creditMax = order.customer.credit %}
							{% endif %}

							{% if customerHasWallet %}
							<h6 style="color:#02b6ff;"><i class="fas fa-gifts"></i> 
							
								Utiliser Remises de fidélité MUTAWEEF
							
							</h6>
							<p class="mb-2">Votre solde est <strong>{{order.customer.credit}}€</strong>, Vous utiliserez <strong><span class="liveWallet">0<span>€</strong> Il vous restera <strong><span class="liveWalletRest">{{order.customer.credit}}</span>€</strong></p>

							{% else %}
								
								<h6 style="color:#02b6ff;"><i class="fas fa-gifts"></i> 
							
								Vous n'avez pas de solde !
							
							</h6>
								<p>Cumuler les remises à chacune de vos réservations sur notre site.</p>
							{% endif %}
							
							


							{{form_widget(editForm.walletPaymentAmount, { disabled : customerHasWallet ? false : true,attr:{
								min: 0,
								max: creditMax
							} })}}


							{{form_errors(editForm.walletPaymentAmount)}}
						</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>
					<div class="container text-center" >
<button class="btn btn-primary ">Continuer</button>

					</div>
					
					
					
					{{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>


		

	</div>

{% endblock %}



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

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