{% extends 'base.html.twig' %}
{% set titre ='Embarquement' %}
{% block title %}{% endblock %}
{% block body %}
	<section class="mt-7 py-0">
		<div class="bg-holder w-50 bg-right d-none d-lg-block" style="background-image:url({{ asset('assets/img/gallery/hero-section-1.png')}});"></div>
		<!--/.bg-holder-->

		<div class="container-sm">
			<strong>
				{% for message in app.flashes('echec') %}
					<div class="alert alert-warning">
						{{ message }}
					</div>
				{% endfor %}
				{% for message in app.flashes('success') %}
					<div class="alert alert-success">
						{{ message }}
					</div>
				{% endfor %}
			</strong>
			{{ form_start(form) }}
			{{ form_row(form.passagers)}}
			<div class="input-group-append">
				{{ form_row(form.send)}}
			</div>
			{{ form_end(form) }}
			<div class="col-12 col-md-8 col-xl-5">
				<span id="bookingId" data="{{ booking.id}} "></span>

				<table class="table">
					<tbody>
						<tr>
							<th>Numéro de la réservation</th>
							<td>
								<span id="numdossier">
									<strong>{{ booking.numdossier }}</strong>
								</span>
							</td>
						</tr>
						<tr>
							<th>Compagnie</th>
							<td>
								<span id="company">{{ booking.company }}</span>
							</td>
						</tr>
						<tr>
							<th>Trajet</th>
							<td>
								<span id="trajet">{{ booking.schedule }}</span>
							</td>
						</tr>
						<tr>
							<th>Date de réservation</th>
							<td>
								<span id="company">{{ booking.dateOfBooking|date('d/m/Y H:i') }}</span>
							</td>
						</tr>
						<tr>
							<th>Montant</th>
							<td>
								<span id="amount">{{ booking.totalAmount }}
									{{ booking.status.currency }}</span>
							</td>
						</tr>
						<tr>
							<th>N° transaction</th>
							<td>
								<span id="financialTransactionId">{{ booking.status.financialTransactionId }}</span>
							</td>
						</tr>
						<tr>
							<th>Status de la transaction</th>
							<td>
								<span id="statusmsg">{{ booking.status.status }}</span>
							</td>
						</tr>
					</tbody>
				</table>
				<div class=" input-group mb-3">
					<p>
						<a href="{{ path('app_home')}}">Retour page d'accueil</a>
					</p>
				</div>
			</div>
		</div>

	</section>
{% endblock %}
{% block footer %}
	{{ include('footer.html.twig') }}
{% endblock %}