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

{% block stylesheets %}
	{{parent()}}
	<style>
div#mission_forfait {
    display: none;
}
legend.col-form-label.required {
    display: none;
}

		.form-container-mission {
			margin-top: 100px;
			min-height: 250px;
			max-width: 800px;
			border-radius: 20px;
			padding: 30px 60px;
			font-weight: 400;
			background: white;
			box-shadow: 1px 4px 12px #dddddd;
			font-weight: bold;
		}
		form .mb-3,
		form label {
			margin: 0 !important;
		}
	</style>

{% endblock %}


{% block body %}
	{% set defaultCityRegion = null %}

	{% if customer %}
		{% set defaultCityRegion = customer.cityRegion %}
	{% endif %}

<div class="container ">
	<div class="row">


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

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

				<div class="container text-center mb-5" >
						<h5>Guide Umrah</h5>
						<p style="text-align: center;">Indiquez à nos guides vos attentes pour qu’ils répondent <br>le mieux à vos attentes lors de votre visite</p>
					</div>


				{{form_start(form)}}


				<div class="row">


					{% set counterForm = 1 %}
					<div class="col-6">
						{% for singleField in form.children %}
							{% if counterForm <= 4 %}

								{% if singleField.vars.id != "mission_shipmentItem" %}
									{{form_label(singleField)}}
								{% endif %}
								{{form_widget(singleField)}}
								{{form_errors(singleField)}}

							{% endif %}
							{% set counterForm = counterForm + 1 %}
						{% endfor %}
					</div>
					<div class="col-6">
						{{form_rest(form)}}
					</div>

				</div>

				<div class="container text-center">
					<button class="btn">Continuer</button>
				</div>
				{{form_end(form)}}

			</div>
		</div>

	</div>
</div>


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

<script>
$('#mission_handicap_3').change(function() {
        if(this.checked) {

             $("#mission_forfait").show();
			  $("legend.col-form-label.required").show();
			 
        }else{
			$("#mission_forfait").hide();
			$("legend.col-form-label.required").hide();
			 }

             
    });
         
</script>
{% endblock %}
 

{% endblock %}