Linux SRV-16 6.18.44-paas #1 SMP PREEMPT_DYNAMIC Thu Aug 13 10:08:12 UTC 2026 x86_64
/srv/data/web/vhosts/716cf56cb2.url-de-test.ws/htdocs/templates/Front/Booking/
//srv/data/web/vhosts/716cf56cb2.url-de-test.ws/htdocs/templates/Front/Booking/create.html.twig
 {% extends "Front/layout.html.twig" %}


{% block content %}
	<div class="container my-5">
		<div class="row">
			<div class="col-sm-12">
				<h1>Résumé de la réservation</h1>
				<p class="big">Dates du séjour :
					<b>
						{{ dates['start']|date('d-m-Y') }}
						au
						{{ dates['end']|date('d-m-Y') }}
					</b>
				</p>
				<p class="big">
					Logement :
					<b>
						{{ logement.name }}
					</b>
				</p>
				<p>Nombre de lits:
					{{ logement.nbLits }}</p>
				<p>Nombre maximum de personnes:
					{{ logement.nbMaxPersonnes }}
					<br>
					<b style="font-style: italic">
						Si le nombre de vacanciers dépasse la capacité maximum indiqué du
						{{ logement.name }}, veuillez-nous contacter avant de réserver.
					</b>
				</p>
				<hr>
				{% if logement.equipments|length > 0 %}
					<p>
						<b class="big">
							Equipements:
						</b>
					</p>
					<div id="accordion">
						<div class="card">
							<div class="card-header" id="headingOne">
								<h5 class="mb-0">
									<button class="btn btn-link" id="button-collapse" aria-expanded="true" aria-controls="collapseOne">
										En savoir plus sur les équipements :
										<img src="/assets/img/arrow-down.svg" alt="flèche bas">
									</button>
								</h5>
							</div>

							<div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
								<div class="card-body">
									<p>
										<ul>
											{% for equipment in logement.equipments %}
												<li class="mt-2">{{ equipment.name }}
													<br>
													{{ equipment.description }}
												</li>
											{% endfor %}
										</ul>
									</p>
								</div>
							</div>
						</div>
					</div>
				{% endif %}
				<hr>
				<p>
					<b class="big">
						Prestations forfaitaires obligatoires :
					</b>
					{% set optionsFacultatives = 0 %}
					<ul>
						{% for option in logement.options %}
							{% if option.isRequired %}
								<li class="mt-2">{{ option.alias }}
									{{ option.price|amount }}
									<br>
									{{ option.description }}
								</li>
							{% else %}
								{% set optionsFacultatives = optionsFacultatives + 1 %}
							{% endif %}
						{% endfor %}
					</ul>
					<div class="d-flex align-items-center little">
						<img src="/assets/img/info.svg" alt="alert">
						Ces prestations forfaitaires obligatoires sont comprises dans le prix.
					</div>
				</p>
				<p>
					<b class="big">
						Prestations forfaitaires facultatives :
					</b>
					<ul>
						{% for option in logement.options %}
							{% if not option.isRequired %}
								<li>{{ option.alias }}
									{{ option.price|amount }}
									<br>
									{{ option.description }}
								</li>
							{% endif %}
						{% endfor %}
					</ul>
					{% if optionsFacultatives > 0 %}
						<div class="d-flex align-items-center little">
							<img src="/assets/img/info.svg" alt="alert">
							Les prestations forfaitaires facultatives seront à payer sur place.
						</div>
					{% endif %}

				</p>
				{% if optionsFacultatives == 0 %}
					<p>Aucune option facultative</p>
				{% endif %}
				<hr>
				<h2 class="mb-5">
					<b>Total de la réservation</b>
				</h2>
			</div>
		</div>
		<div class="prices mb-5">
			{% if beforeOneMonth %}
				<p class="little-big">
					Prix total pour
					{{ nights }}
					nuits
																				:
					{{ total|amount }}*
				</p>


				<p class="">
					<b>
						Acompte à payer au moment de la réservation :
						{{ splitPrices['accompte']|amount }}
					</b>
				</p>
				{% if taxes %}
					{% for taxe in taxes %}
						<p class="little">
							{% for key, value in taxe %}
								*Dont
								{{ key }}
								:
								{{ value|amount }}
							{% endfor %}
						</p>
					{% endfor %}
				{% endif %}
				<p>
					Reste à payer :
					{{ splitPrices['rest']|amount }}
				</p>
				<p class="little">
					Un email vous sera envoyé 30 jours avant la date de votre séjour pour payer le solde
				</p>

			{% else %}
				<p class="little-big">
					Prix total pour
					{{ nights }}
					nuits
																				:
					{{ total|amount }}*
				</p>
				<p class="mb-5">
					<b>
						Acompte à payer au moment de la réservation :
						{{ splitPrices['accompte']|amount }}
					</b>
				</p>
				{% if taxes %}
					{% for taxe in taxes %}
						<p class="little">
							{% for key, value in taxe %}
								*Dont
								{{ key }}
								:
								{{ value|amount }}
							{% endfor %}
						</p>
					{% endfor %}
				{% endif %}
			{% endif %}

		</div>
		{% if app.user is not null %}
			<div class="row">
				<div class="col-sm-12">
					<div id="paypal-button-container"></div>
					<p id="result-message"></p>
				</div>
			</div>
			<div class="row">
				<div class="col-sm-12">

					<script>
						let id = {{ logement.id }};
let createOrderUrl = "/reservation/create/orders";
let redirectUrl = window.location.origin + "/reservation/create/" + id + "/";
					</script>
					<script src="https://www.paypal.com/sdk/js?client-id=ATrrsMpopO0GqI6CpYByvPE3Q2ESfSP2znfi42mZDF2yJbZG7xSyKT3mi2E3Cdbw7ZhDUly1IiplBrta&currency=EUR"></script>
					<script src="{{ asset('/assets/js/paypal.js') }}"></script>


				{% else %}
					<a class="btn button-basic" href="{{ path('app_login') }}">Se connecter pour réserver</a>
				{% endif %}
			</div>
		</div>
	</div>

	<script>
		const button = document.querySelector('#button-collapse');
const cardBody = document.querySelector('#collapseOne');

button.addEventListener('click', () => {
cardBody.classList.toggle('show');
})
	</script>
{% endblock %}