{% extends "@EasyAdmin/page/content.html.twig" %}
{% block content %}

	<div class="container-sm">
		<div class="row">
			<div class="col-12 col-md-8 col-xl-5">
				<div class="row">
					<span id="bookingId" data="{{ booking.id}} "></span>
					<table class="table-responsive{-sm|-md|-lg|-xl|-xxl}">
						<tr>
							<td style="font-weight:bold ; vertical-align:top" width="50%">
								<h4>
									<span id="numdossier">
										<span id="numdossier">
											<a href="{{ path('app_booking_showfacture', {'id': booking.numdossier}) }}">
												<strong>{{ booking.numdossier }}</strong>
											</a>
										</span>
									</span>
								</h4>
							</td>
							<td style="font-weight:bold ; vertical-align:top">
								<table border="0">
									{% for scheduleSiege in scheduleSieges %}
										<tr>
											<td>
												{% if scheduleSiege.siege is null %}
													XXX
												{% else %}
													{{ scheduleSiege.siege.name }}
												{% endif %}
												-
											</td>
											<td>
												{{ scheduleSiege.passager.lastname }}
												{{ scheduleSiege.passager.firstname }}
											</td>
										</tr>
									{% endfor %}
								</table>
							</td>
						</tr>
						<tr>
							<td>
								{{ booking.schedule.company }}
								<div>
									{% if booking.schedule.company.image is null %}
										<img class="img-thumbnail" src="{{ asset('assets/img/company/')}}0.jpg" width=" 120" height=" 60">
									{% else %}
										<img class="img-thumbnail" src="{{ asset('assets/img/company/')}}{{booking.schedule.company.image}}" width="120" height="60">
									{% endif %}
								</div>
							</td>
							<td>
								{% for conf in booking.schedule.bus.conforts %}
									<i class='{{conf.class}}' desc='{{conf.name}}' title={{conf.description}}></i>
									{{conf.description}}
								{% endfor %}
							</td>
						</tr>
					</table>
					<table>
						<tr>
							<td colspan="3">
								<svg fill="#757575" class="_11vpoll" viewbox="0 0 24 24" width="24px" height="24px">
									<path d="M2,8 L18,8 L18,20 L2,20 L2,8 Z M13.9798254,0 L13.9798254,2 L6,2 L6,0 L3,0 L3,2 L2.00104344,2 C0.895897664,2 1.04665405e-13,2.89821238 9.79822387e-14,3.99079514 L-7.88860905e-31,20.0092049 C-6.72539167e-15,21.1086907 0.898212381,22 1.99079514,22 L18.0092049,22 C19.1086907,22 20,21.1017876 20,20.0092049 L20,3.99079514 C20,2.89130934 19.1090599,2 17.9997971,2 L16.9760131,2 L17,0 L13.9798254,0 Z M10,18 L16,18 L16,12 L10,12 L10,18 Z"></path>
								</svg>
								<span>
									{{ booking.schedule.scheduleDate ? booking.schedule.scheduleDate|format_datetime('full', 'none', locale='fr') }}
								</span>
							</td>
							<td rowspan="3" style="text-align: right"><img width="50%" src='{{ path('app_booking_showqrcode', { 'id': booking.numdossier }) }}'></td>
						</tr>
						<tr>
							<td>
								<strong>{{ booking.schedule.departureTime ? booking.schedule.departureTime|date('H:i') : '' }}</strong>
							</td>
							<td>
								<svg
									class="_1mmywa6" viewbox="0 0 24 24" width="24px" height="24px" stroke="grey" stroke-width="2" stroke-linecap="round" fill="none" fill-rule="evenodd">
									{# <path d="M4,12 L20,12 M12,6 L20,12 M12,18 L20,12"></path> #}
									<circle cx="6" cy="12" r="3"></circle>
									<path d="M6,12 L6,24"></path>
								</svg>
							</td>
							<td>
								{{ booking.schedule.depart }}
								-
								{{ booking.agenceDepart }}

							</td>
						</tr>
						<tr>
							<td>
								<strong>{{ booking.schedule.estimatedArrivalTime ? booking.schedule.estimatedArrivalTime|date('H:i') : '' }}
								</strong>
							</td>
							<td>
								<svg
									class="_1mmywa6" viewbox="0 0 24 24" width="24px" height="24px" stroke="grey" stroke-width="2" stroke-linecap="round" fill="none" fill-rule="evenodd">
									{# <path d="M4,12 L20,12 M12,6 L20,12 M12,18 L20,12"></path> #}
									<circle cx="6" cy="12" r="3"></circle>
									<path d="M6,12 L6,0"></path>
								</svg>
							</td>
							<td>
								{{ booking.schedule.arrivee }}
								-
								{{ booking.agenceArrivee }}
							</td>
						</tr>
					</table>
					<table>
						{% if booking.status  %}
							<tr>
								<td>Montant :
									{{ booking.totalAmount }}
									{{ booking.status.currency }}
									-
								</td>
								<td style="text-align: right">
									Transaction :
									{{ booking.status.financialTransactionId }}
								</td>
							</tr>

						{% else %}
							<tr>
								<th>Status de la transaction</th>
								<td>
									<span id="statusmsg">Non payée</span>
								</td>
							</tr>
						{% endif %}
					</table>
					<a href="{{ path('app_booking_showfacture', {'id': booking.numdossier}) }}">Imprimer la facture</a>
					<br>
					<div class=" input-group mb-3">
						<a href="/admin?routeName=app_admin_schedule">Retour à la liste</a>
					</div>
				</div>
			</div>
			<div class="col-lg-2 d-none d-lg-block">
				<img
				width="500" src="{{ asset('assets/img/gallery/KD-PROFIL-4.jpg')}}" alt="Description de l'image">
			{# <img src="{{ asset('assets/img/gallery/hero-section-1.png')}}" alt="Description de l'image"> #}
			</div>
		</div>
	</div>
{% endblock %}
{% block footer %}
	{{ include('footer.html.twig') }}
{% endblock %}