{# @author: Benjamin AMOUZOU <benkokouamouzou@gmail.com> #}
{% extends "rse/template-rse.html.twig" %}

{% block titre_enfant %}
	Demandes d'enlèvement
{% endblock %}

{% block contenu_principal_rse %}
	<div class="container-fluid">
		{% include('template-message.html.twig') %}

		<div class="row">
			<div class="col-lg-12">
				<div style="display: flex; flex-direction: row; justify-content:space-between; align-items: center">
					<h5 class="mt-3">
						Demandes d'enlèvement&nbsp;&nbsp;<span class="badge btn-new" style="border-radius: 15px">{{total}}</span>
					</h5>
				</div>
			</div>
			<div class="col-lg-12 mt-4">
				{% if demandeEnlevements is empty %}
					<div class="row d-flex ">
						<div class="col-lg text-center">
							<span class="">Aucune demande d'enlèvement enrégistrée !</span>
						</div>
					</div>
				{% else %}
					<div id="accordion">
						{% for demande in demandeEnlevements %}
							<div class="card mt-2">
								<div class="card-header py-1" id="heading{{loop.index}}" style="background-color: #94C11E;">
									<h5 class="mb-0">
										<div class="row">
											<button class="btn btn-link btn-sm" data-toggle="collapse" data-target="#collapse{{loop.index}}" aria-expanded="true" aria-controls="collapse{{loop.index}}" style="color: #FFFFFF">
												{{demande.ecocollecteur.nom}}
												{{demande.ecocollecteur.prenoms}}
												-
												{{demande.ecocollecteur.partenaire.denomination}}
											</button>
										</div>
									</h5>
								</div>
								<div id="collapse{{loop.index}}" class="collapse show" aria-labelledby="heading{{loop.index}}" data-parent="#accordion" style="background-color: #FFFFFF">
									<div class="card-body">
										<div class="row">
											<div class="col-lg-3">
												<label class="col-form-label col-form-label-sm font-weight-bold">Date demande:
												</label>
											</div>
											<div class="col-lg-3">
												<label class="col-form-label col-form-label-sm">{{demande.dateDemande|date('d/m/Y')}}</label>
											</div>
										</div>
										<div class="row">
											<div class="col-lg-3">
												<label class="col-form-label col-form-label-sm font-weight-bold">Jour souhaité:</label>
											</div>
											<div class="col-lg-3">
												<label class="col-form-label col-form-label-sm">
													{{demande.jourSouhaite|date('d/m/Y')}}
												</label>
											</div>
										</div>
										<div class="row">
											<div class="col-lg-3">
												<label class="col-form-label col-form-label-sm font-weight-bold">Nombre de sac papier:</label>
											</div>
											<div class="col-lg-3">
												<label class="col-form-label col-form-label-sm">{{demande.nbreSacPapier}}</label>
											</div>
											<div class="col-lg-3">
												<label class="col-form-label col-form-label-sm font-weight-bold">Poids papier (Kg):</label>
											</div>
											<div class="col-lg-3">
												<label class="col-form-label col-form-label-sm">{{demande.poidsPapier}}</label>
											</div>
										</div>
										<div class="row">
											<div class="col-lg-3">
												<label class="col-form-label col-form-label-sm font-weight-bold">Nombre de sac plastique:</label>
											</div>
											<div class="col-lg-3">
												<label class="col-form-label col-form-label-sm">{{demande.nbreSacPlastique}}</label>
											</div>
											<div class="col-lg-3">
												<label class="col-form-label col-form-label-sm font-weight-bold">Poids plastique (Kg):</label>
											</div>
											<div class="col-lg-3">
												<label class="col-form-label col-form-label-sm">{{demande.poidsPlastique}}</label>
											</div>
										</div>
										<div class="row">
											<div class="col-lg-3">
												<label class="col-form-label col-form-label-sm font-weight-bold">Nombre de sac metaux:</label>
											</div>
											<div class="col-lg-3">
												<label class="col-form-label col-form-label-sm">{{demande.nbreSacMetaux}}</label>
											</div>
											<div class="col-lg-3">
												<label class="col-form-label col-form-label-sm font-weight-bold">Poids papier (Kg):</label>
											</div>
											<div class="col-lg-3">
												<label class="col-form-label col-form-label-sm">{{demande.poidsMetaux}}</label>
											</div>
										</div>
										<div class="row mt-2">
											<div class="col-lg-12">
												<a class="btn btn-discard btn-sm" href="{{path('app_demande_enlevement_delete', {'id': demande.id})}}">
													<i class="fa fa-times fa-lg"></i>&nbsp;&nbsp;Ignoré</a>
												<a class="btn btn-new btn-sm" href="{{path('app_demande_enlevement_edit', {'id': demande.id})}}">
													<i class="fa fa-floppy-o fa-lg" color="white"></i>&nbsp;&nbsp;Réalisé</a>
											</div>
										</div>
									</div>
								</div>
							</div>
						{% endfor %}
					</div>
				{% endif %}
			</div>
		</div>
		<div class="row justify-content-center">
			<div class="col-lg-2 mt-3">{{ knp_pagination_render(demandeEnlevements, 'template-paginator.html.twig') }}</div>
		</div>
	</div>
{% endblock %}