{% extends 'base.html.twig' %}
{% block main %}
<div class="container-fluid">
<div class="row">
<div class="col-12">
{% if not app.user %}
<h4 class="mb-sm-0">
Bienvenue !
</h4>
<div class="alert alert-info alert-borderless" role="alert">
<strong>Connectez-vous </strong> ou <strong> enregistrez-vous </strong> pour :
<ul>
<li>déposer une offre sur un groupe</li>
<li>enregistrer un groupe ou un véhicule</li>
<li>voir le détail d'un groupe</li>
</ul>
</div>
{% endif %}
<div class="row">
{% for groupe,messages in app.flashes %}
{% for message in messages %}
<div class="alert alert-{{ groupe }}" role="alert">{{ message }}
</div>
{% endfor %}
{% endfor %}
</div>
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-header align-items-center d-flex">
<h4 class="card-title mb-0 flex-grow-1">Dernières offres de groupes </h4>
</div>
<div class="card-body">
<div class="table-responsive table-card mt-3 mb-1">
<table class="table align-middle table-nowrap" id="last-groups-table">
<thead class="table-light">
<tr>
<th>Référence</th>
<th>Départ</th>
<th>Date</th>
<th>Destination</th>
<th>Date retour</th>
<th>Kilomètres</th>
<th>Nb Clients</th>
<th>État</th>
<th>Action</th>
</tr>
</thead>
<tbody class="list form-check-all">
{# Boucle sur le tableau passé par le controller #}
{% for groupe in allGroups %}
<tr>
<td class="date_depart">
<a class="fw-medium" href="{{ path('groupe_details', {'id': groupe.id} ) }}">
ref {{groupe.id}}
</a>
</td>
<td class="depart">{{ groupe.adresseDepart.ville|upper }}</td>
<td class="date_depart">{{ groupe.dateDepart | date("d/m/Y") }}</td>
<td class="destination">{{ groupe.adresseRetour.ville|upper }}</td>
<td class="date_retour">{{ groupe.dateRetour | date("d/m/Y") }}</td>
<td class="kilometres">{{ groupe.kilometres ?: ' - ' }}</td>
<td class="nb_clients">{{ groupe.nbPersonnes }}</td>
<td class="etat">
{% if groupe.annule == true %}
<span class="badge badge-soft-danger text-uppercase">Annulé</span>
{% else %}
<span class="badge badge-soft-success text-uppercase">Active</span>
{% endif %}</td>
<td>
<div class="hstack gap-3 fs-15">
{# pas d'utilisateur connecté #}
{% if not app.user %}
<div class="hstack gap-3 fs-15">
<a href="#" class="disabled" title="Détail"><i class="ri-eye-line"></i></a>
<a href="#" class="disabled" title="Déposer offre"><i class="ri-file-add-line"></i></a>
</div>
{# Utilisateur connecté #}
{% else %}
{% if app.user == groupe.user %}
{# Si offre déposee par utilisateur #}
<div class="hstack gap-3 fs-15">
<a href="{{ path('groupe_details', {'id': groupe.id} ) }}" class="link-info" title="Détail"><i class="ri-eye-line"></i></a>
<a href="{{ path('groupe_update', {'id': groupe.id} ) }}" class="link-warning" title="Modifier"><i class="ri-edit-2-line"></i></a>
<a href="#" class="link-danger" title="Supprimer"><i class="ri-delete-bin-line"></i></a>
</div>
{% else %}
<a href="{{ path('groupe_details', {'id': groupe.id} ) }}" class="link-info" title="Détail"><i class="ri-eye-line"></i></a>
<a href="#" class="link-info" title="Déposer offre"><i class="ri-file-add-line"></i></a>
{% endif %}
{% endif %}
</div>
</td>
</tr>
{% endfor %}
{# fin boucle #}
</tbody>
</table>
<div class="col-lg-12 d-flex flex-column align-items-center">
<a class="link-primary text-center" href="{{ path('groupe_list') }}"><b> Voir plus</b></a>
</div>
</div>
</div>
</div>
</div>
</div>
{# Historique de l'utilisateur#}
{% if app.user %}
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-header align-items-center d-flex">
<h4 class="card-title mb-0 flex-grow-1">Votre historique</h4>
</div>
<div class="card-body">
<div class="table-responsive table-card mt-3 mb-1">
<table class="table align-middle table-nowrap" id="customerTable">
<thead class="table-light">
<tr>
<th>Départ</th>
<th>Date</th>
<th>Destination</th>
<th>Date retour</th>
<th>Kilomètres</th>
<th>Nb Clients</th>
<th>État</th>
<th>Action</th>
</tr>
</thead>
<tbody class="list form-check-all">
{# TODO boucle pour 5 derniers élements #}
{# Recupération en base de la liste des groupe de l'utilisateur #}
{% for groupe in historicGroup %}
<tr>
<td class="depart">{{ groupe.adresseDepart.ville|upper }}</td>
<td class="date_depart">{{ groupe.dateDepart | date("d/m/Y") }}</td>
<td class="destination">{{ groupe.adresseRetour.ville|upper }}</td>
<td class="date_retour">{{ groupe.dateRetour | date("d/m/Y") }}</td>
<td class="kilometres">{{ groupe.kilometres ?: ' - ' }}</td>
<td class="nb_clients">{{ groupe.nbPersonnes }}</td>
<td class="etat"><span class="badge badge-soft-success text-uppercase">Active</span></td>
<td>
<div class="hstack gap-3 fs-15">
{# TODO rajouter les liens avec id et contition de modification/supp #}
<a href="{{ path('groupe_details', {'id': groupe.id} ) }}" class="link-info" title="Détail"><i class="ri-eye-line"></i></a>
<a href="{{ path('groupe_update', {'id': groupe.id} ) }}" class="link-warning" title="Modifier"><i class="ri-edit-2-line"></i></a>
</div>
</td>
</tr>
{% endfor %}
{# fin boucle #}
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
{% endif %}
</div>
</div>
</div>
{% endblock %}