{% extends 'base.html.twig' %}
{% set titre ='Modification de la réservation' %}
{% block page_title %}
	{{ titre }}
{% endblock %}
{% block header %}{% endblock %}
{% block stylesheets %}
	{{ encore_entry_link_tags('app') }}
{% 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">
			{{ form_start(form) }}
			{% for message in app.flashes('echec') %}
				<div class="alert alert-warning">
					{{ message }}
				</div>
			{% endfor %}
			<h3>{{ titre }}
				n°
				{{ booking.numdossier }}</h3>
			{% 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 %}<br>
			{{ booking.schedule.company }}
			<div class="col-12 col-md-8 col-xl-5">
				<table class="table table-responsive{-sm|-md|-lg|-xl|-xxl}">
					<tr>
						<td>
							<strong>Type tarif :&nbsp;</strong>
							{{ booking.schedule.typeTarif }}
						</td>
						<td>
							<strong>Départ>Arrivée :&nbsp;</strong>
							{{ booking.schedule.departureTime|date('H:i') }}
							>
							{{ booking.schedule.estimatedArrivalTime|date('H:i') }}</td>
					</tr>
				</table>
			</div>
			{{ form_start(form) }}
			<div class="col-12 col-md-8 col-xl-5">
				<table width="100%">
					<tr>
						<td style="background-color:#E5E4D7">
							{{ form_row(form.schedule)}}
						</td>
						<td style="background-color:#E5E4D7">
							Montant :
							{{ booking.numberOfSeats }}
							/
							{{ booking.totalAmount }}
							{% if booking.status is not empty %}
								{{ booking.status.currency }}
							{% endif %}
						</td>
					</tr>
				</table>
			</div>
			<div class="col-12 col-md-8 col-xl-5">
				<table width="100%">
					<tr>
						<td style="background-color:#E5E4D7">
							{{ form_row(form.scheduleDate)}}
						</td>
					</tr>
				</table>
			</div>
			<div class="col-12 col-md-8 col-xl-5">
				<table width="100%">
					<tr>
						<td style="background-color:#E5E4D7">
							{{ form_row(form.agenceDepart)}}
						</td>
						<td style="background-color:#E5E4D7">
							{{ form_row(form.agenceArrivee)}}
						</td>
					</tr>
				</table>
			</div>
			<div class="col-12 col-md-8 col-xl-5" id="infosPassagers" style="background-color:#E5E4D7">
				<table id="dynamic_field">
					<tr>
						<td>
							<strong>Nom :</strong>
						</td>
						<td>
							<strong>Prénom :</strong>
						</td>
						<td style="width:150px ; border:0px">
							<strong>Tarif :</strong>
						</td>
					</tr>
					{% for passager in passagers %}
						<tr>
							<td>
								<input type="text" class="form-control" value="{{ passager.lastname }}"/>
							</td>
							<td>
								<input type="text" class="form-control" value="{{ passager.firstname }}"/>
							</td>
							<td>
								{% if booking.status is empty %}
									<input type="text" class="form-control" value="{{ passager.tarif }}->{{ passager.tarif.amount }}"/>
								{% else %}
									<input type="text" class="form-control" value="{{ passager.tarif }}->{{ passager.tarif.amount }} {{ booking.status.currency }}"/>
								{% endif %}
							</td>
						</tr>
					{% endfor %}
				</table>
			</div>
			<div class="col-12 col-md-8 col-xl-5" style="background-color:#E5E4D7">
				<table>

					<tr>
						<td>
							<div class="input-group">
								<div>
									{{ form_row(form.send)}}
								</div>
							</div>
						</td>
					</tr>
				</table>
			</div>
			{{ form_end(form) }}
			<button class="btn btn-link">
				<a href="{{ path('app_schedule_index')}}">Retour au planning</a>
			</button>
		</div>
	</section>
{% endblock %}
{% block javascript %}
	{{ parent()}}
{% endblock %}
{% block footer %}
	{{ include('footer.html.twig') }}
{% endblock %}