{% extends "@EasyAdmin/page/content.html.twig" %}
{% set titre ='Détails du trajet du ' ~ schedule %}
{% block content_title  %}
	<div style="text-align: center;">
		{{ titre }}
	</div>
{% endblock %}
{% block header %}
	{{ parent() }}
	<link id="theme-style" rel="stylesheet" href="{{asset('assets/css/sieges.css')}}">
{% endblock %}
{% block main %}
	<div class="container">
		<div class="row">
			<div class="col-12 col-md-6 justify-content-center">
				<table>
					<tr>
						<td>
							<table width="100%" class="table-responsive{-sm|-md|-lg|-xl|-xxl}">
								<tr>
									<td style="border:0px">
										<h4>
											<i class='fa fa-calendar-o'></i>
											{{ schedule.scheduleDate ? schedule.scheduleDate|format_datetime('full', 'none', locale='fr') }}
										</h4>
									</td>
									{% set maxMontant = 0 %}
									{% set tabTarifs=[] %}
									{% set tabTarifName=[] %}
									{% for tarif in tarifs %}
										{% if ((tarif.depart.id == schedule.depart.id) and (tarif.arrivee.id == schedule.arrivee.id) and (tarif.company == schedule.company) and (tarif.typeTarif == schedule.typeTarif)) %}
											{% set tabTarifs = tabTarifs|merge([{ 'name' : tarif.name, 'amount' : tarif.amount }]) %}

											{% set tabTarifName=tabTarifName|merge([tarif.name]) %}
											{% set maxMontant = max(tarif.amount, maxMontant) %}
										{% endif %}
									{% endfor %}
									{% set buttonDisabled = '' %}
									{% set buttonClass = 'btn btn-warning' %}
									{% if ((maxMontant == 0) or (schedule.seats<=0)) %}
										{% set buttonDisabled = 'disabled' %}
										{% set buttonClass = 'btn btn-primary' %}
									{% endif %}
									{% if (schedule.scheduleDate|date('Y-m-d') >= "now"|date("Y-m-d")) %}
										<td style="border:0px; text-align: right">
											<form action="admin?routeName=app_admin_book" method="POST">
												{% if (schedule.seats <= 8) and (schedule.seats > 1) %}
													<label for="quantity">Il reste
														{{schedule.seats}}
														places disponibles</label>
												{% elseif (schedule.seats <= 1) %}
													<label for="quantity">Il reste
														{{schedule.seats}}
														place disponible</label>
												{% endif %}
												{# <input type="hidden" name="routeName" value="app_admin_book"> #}
												<input
												type="hidden" name="id" value="{{schedule.id}}">
												{# <input type="hidden" name="nd" value="{{numdossier}}"> #}
												<button {{ buttonDisabled }} class='{{buttonClass}}'>
													Réserver
												</button>
											</form>
										</td>
									{% endif %}
								</tr>
							</table>
						</td>
					</tr>
				</table>
				<table width="100%" class="table-responsive{-sm|-md|-lg|-xl|-xxl}">
					<tr>
						<td style="border:0px">
							<strong>{{ schedule.departureTime ? 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 style="border:0px">
							{{ schedule.depart }}</td>
						<td style="border:0px; text-align: right">
							<b>Tarif :
								{{ maxMontant }}
								CFA</b><br>
							<span style="font-size:14px">
								(
								{% for tarif in tabTarifs %}
									{{tarif.name}}:{{tarif.amount}}
								{% endfor %})
							</span>
						</td>
					</tr>
					<tr>
						<td style="border:0px">
							<strong>{{ schedule.estimatedArrivalTime ? 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 style="border:0px">
							{{ schedule.arrivee }}</td>
						<td style="border:0px"></td>
					</tr>
				</table>
				<table width="100%" class="table-responsive{-sm|-md|-lg|-xl|-xxl}">
					<tr>
						<td>
							<b>{{ schedule.company }}</b>
							<div>
								{% if 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/')}}{{schedule.company.image}}" width="120" height="60">
								{% endif %}
							</div>
							<b>{{ schedule.bus }}<br></b>
							<b>{{ schedule.seats }}
								places libres</b>
						</td>
						<td style="text-align: right">
							{% for conf in schedule.bus.conforts %}
								<i class='{{conf.class}}' desc='{{conf.name}}' title={{conf.description}}></i>
								{{conf.description}}
							{% endfor %}
						</td>
					</tr>
				</table>
				<a href="{{ ea_url() .setController('App\\Controller\\Admin\\ScheduleCrudController') .setAction('index') }}">Retour à la liste</a>
				{{ form_start(formEmbarq) }}
				<h3>{{ form_row(formEmbarq.embarq)}}</h3>
				{{ form_end(formEmbarq)}}

				{{ form_start(form) }}
				<h3>{{ form_row(form.dupliqueSchedule)}}</h3>
				{{ form_end(form)}}
			</div>
			<div class="col-12 col-md-6 justify-content-center">
				<div class="table-section">
					<div class="bus">{% set capacity = schedule.bus.capacity %}{# Création des sièges face à l'avant #}{% set i = 1 %}
						{% for siege in tabSieges %}
							{% set passagerFullName = '' %}{% set passagerInit = '' %}
							{% if siege.status.value == 'emp' %}
								{% elseif siege.status.value == 'res' %}
									{% set passagerFullName = siege.passager.lastname ~ ' ' ~ siege.passager.firstname %}{% set passagerInit = siege.passager.lastname|slice(0, 1) ~ '' ~ siege.passager.firstname|slice(0, 1) %}
								{% elseif siege.status.value == 'boa' %}
									{% set passagerFullName = siege.passager.lastname ~ ' ' ~ siege.passager.firstname %}{% set passagerInit = siege.passager.lastname|slice(0, 1) ~ '' ~ siege.passager.firstname|slice(0, 1) %}
								{% else %}
							{% endif %}
							<div data-seat-number="{{ siege.id }} : {{ passagerFullName }}">
								<button class="{{siege.class}}" id="siege{{siege.id}}" ondblclick="desactiveSiege({{ siege.id }})" value="{{ siege.id }}" title='{{ passagerFullName }} - {{ siege.num_dossier }}'>
									<b>{{ siege.name }}<br>{{ passagerInit }}</b>
								</button>
							</div>
						{% endfor %}
					</div>
				</div>
				<input type="hidden" id="schedule" data-id="{{ schedule.id }}" value={{ schedule.id }}>
			</div>
		</div>
	{% endblock main %}
	{% block head_javascript %}
		<script src="{{asset('assets/js/sieges.js')}}"></script>
		<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
	{% endblock %}