{% extends 'base.html.twig' %}
{% set titre ='Planning des voyages' %}
{% block title %}
	{{ titre }}
{% endblock %}

{% block header %}
	{# <script src="{{asset('assets/js/filtre.js')}}"></script> #}
{% 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">
			<div class="row">
				<div class="col-md-3">
					{{ form_start(form, {'attr': {'id': 'search_form'}}) }}
					{{ form_row(form.depart)}}
					{{ form_row(form.arrivee)}}
					{{ form_row(form.date)}}
					{{ form_end(form) }}
				</div>
				<div class="col-md-9">
					<h3>{{ titre }}</h3>
					{{ app.session.get('nbVisite') }}.

					<div class="d-flex justify-content-center">{%do schedules.setPageRange(3)%}{{knp_pagination_render(schedules, 'pagination.html.twig')}}</div>
					<table class="table table-striped table-responsive{-sm|-md|-lg|-xl|-xxl}">
						{% for schedule in schedules %}
							<tr>
								<td>
									<table width="100%" class="table-responsive{-sm|-md|-lg|-xl|-xxl}">
										<tr>
											<td style="border:0px">
												<i class='fa fa-calendar-o'></i>
												{{ schedule.scheduleDate ? schedule.scheduleDate|format_datetime('full', 'none', locale='fr') }}
											</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 %}
											<td style="border:0px; text-align: right">
												<form action="{{ path('app_booking_book') }}" method="GET">
													{% 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="id" value="{{schedule.id}}">
													<button {{ buttonDisabled }} class='{{buttonClass}}'>
														Réserver
													</button>
												</form>
											</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>{{ 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>
											</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>
								</td>
							</tr>
						{% endfor %}
					</table>
				</div>
			</div>
		</div>
		<div class="d-flex justify-content-center">{%do schedules.setPageRange(3)%}{{knp_pagination_render(schedules, 'pagination.html.twig')}}</div>
		<table>
			<tr>
				{% for company in companies %}
					<td>
						<a href="{{ url('app_schedule_index', { 'company': company.id }) }}">
							<div class="container">
								{% if 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/')}}{{company.image}}" width="120" height="60">
								{% endif %}
								<div class="centered">{{ company }}</div>
							</div>
						</a>
					</td>
				{% endfor %}

			</tr>
		</table>

	</section>
{% endblock %}
{% block javascript %}
	{{ parent()}}<script src="{{asset('assets/js/filtre2.js')}}"></script>
{% endblock %}
{% block footer %}
	{{ include('footer.html.twig') }}
{% endblock %}