templates/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block main %}
  3.     <div class="container-fluid">
  4.         <div class="row">
  5.             <div class="col-12">
  6.                 {% if not app.user %}
  7.                     <h4 class="mb-sm-0">
  8.                         Bienvenue !
  9.                     </h4>
  10.                     <div class="alert alert-info alert-borderless" role="alert">
  11.                         <strong>Connectez-vous </strong> ou  <strong> enregistrez-vous  </strong> pour :
  12.                         <ul>
  13.                             <li>déposer une offre sur un groupe</li>
  14.                             <li>enregistrer un groupe ou un véhicule</li>
  15.                             <li>voir le détail d'un groupe</li>
  16.                         </ul>
  17.                     </div>
  18.                 {% endif %}
  19.                 <div class="row">
  20.                 {% for groupe,messages in app.flashes %}
  21.                     {% for message in messages %}
  22.                         <div class="alert alert-{{ groupe }}" role="alert">{{ message }}
  23.                         </div>
  24.                     {% endfor %}
  25.                 {% endfor %}
  26.                 </div>
  27.                 <div class="row">
  28.                     <div class="col-lg-12">
  29.                         <div class="card">
  30.                             <div class="card-header align-items-center d-flex">
  31.                                 <h4 class="card-title mb-0 flex-grow-1">Dernières offres de groupes </h4>
  32.                             </div>
  33.                             <div class="card-body">
  34.                                 <div class="table-responsive table-card mt-3 mb-1">
  35.                                     <table class="table align-middle table-nowrap" id="last-groups-table">
  36.                                         <thead class="table-light">
  37.                                             <tr>
  38.                                                 <th>Référence</th>
  39.                                                 <th>Départ</th>
  40.                                                 <th>Date</th>
  41.                                                 <th>Destination</th>
  42.                                                 <th>Date retour</th>
  43.                                                 <th>Kilomètres</th>
  44.                                                 <th>Nb Clients</th>
  45.                                                 <th>État</th>
  46.                                                 <th>Action</th>
  47.                                             </tr>
  48.                                         </thead>
  49.                                         <tbody class="list form-check-all">
  50.                                             {# Boucle sur le tableau passé par le controller #}
  51.                                             {% for groupe in allGroups  %}
  52.                                                 <tr>
  53.                                                     <td class="date_depart">
  54.                                                         <a class="fw-medium" href="{{ path('groupe_details',  {'id': groupe.id} ) }}">
  55.                                                             ref {{groupe.id}}
  56.                                                         </a>
  57.                                                     </td>
  58.                                                     <td class="depart">{{ groupe.adresseDepart.ville|upper }}</td>
  59.                                                     <td class="date_depart">{{ groupe.dateDepart | date("d/m/Y") }}</td>
  60.                                                     <td class="destination">{{ groupe.adresseRetour.ville|upper }}</td>
  61.                                                     <td class="date_retour">{{ groupe.dateRetour | date("d/m/Y") }}</td>
  62.                                                     <td class="kilometres">{{ groupe.kilometres ?: ' - ' }}</td>
  63.                                                     <td class="nb_clients">{{ groupe.nbPersonnes }}</td>
  64.                                                     <td class="etat">
  65.                                                         {% if groupe.annule == true %}
  66.                                                             <span class="badge badge-soft-danger text-uppercase">Annulé</span>
  67.                                                         {% else %}
  68.                                                             <span class="badge badge-soft-success text-uppercase">Active</span>
  69.                                                         {% endif %}</td>
  70.                                                     <td>
  71.                                                         <div class="hstack gap-3 fs-15">
  72.                                                             {# pas d'utilisateur connecté #}
  73.                                                             {% if not app.user %}
  74.                                                                 <div class="hstack gap-3 fs-15">
  75.                                                                     <a href="#" class="disabled" title="Détail"><i class="ri-eye-line"></i></a>
  76.                                                                     <a href="#" class="disabled" title="Déposer offre"><i class="ri-file-add-line"></i></a>
  77.                                                                 </div>
  78.                                                             {# Utilisateur connecté #}
  79.                                                             {% else %}
  80.                                                                 {% if app.user == groupe.user %}
  81.                                                                 {# Si offre déposee par utilisateur #}
  82.                                                                     <div class="hstack gap-3 fs-15">
  83.                                                                         <a href="{{ path('groupe_details',  {'id': groupe.id} ) }}" class="link-info" title="Détail"><i class="ri-eye-line"></i></a>
  84.                                                                         <a href="{{ path('groupe_update',  {'id': groupe.id} ) }}" class="link-warning" title="Modifier"><i class="ri-edit-2-line"></i></a>
  85.                                                                         <a href="#" class="link-danger" title="Supprimer"><i class="ri-delete-bin-line"></i></a>
  86.                                                                     </div>
  87.                                                                 {% else %}
  88.                                                                     <a href="{{ path('groupe_details',  {'id': groupe.id} ) }}" class="link-info" title="Détail"><i class="ri-eye-line"></i></a>
  89.                                                                     <a href="#" class="link-info" title="Déposer offre"><i class="ri-file-add-line"></i></a>
  90.                                                                 {% endif %}
  91.                                                             {% endif %}
  92.                                                         </div>
  93.                                                     </td>
  94.                                                 </tr>
  95.                                                 {% endfor %}
  96.                                                 {# fin boucle #}
  97.                                         </tbody>
  98.                                     </table>
  99.                                     <div class="col-lg-12 d-flex flex-column align-items-center">
  100.                                         <a class="link-primary text-center" href="{{ path('groupe_list') }}"><b> Voir plus</b></a>
  101.                                     </div>
  102.                                 </div>
  103.                             </div>
  104.                         </div>
  105.                     </div>
  106.                 </div>
  107.                 {# Historique de l'utilisateur#}
  108.                 {% if app.user  %}
  109.                 <div class="row">
  110.                     <div class="col-lg-12">
  111.                         <div class="card">
  112.                             <div class="card-header align-items-center d-flex">
  113.                                 <h4 class="card-title mb-0 flex-grow-1">Votre historique</h4>
  114.                             </div>
  115.                             <div class="card-body">
  116.                                 <div class="table-responsive table-card mt-3 mb-1">
  117.                                     <table class="table align-middle table-nowrap" id="customerTable">
  118.                                         <thead class="table-light">
  119.                                             <tr>
  120.                                                 <th>Départ</th>
  121.                                                 <th>Date</th>
  122.                                                 <th>Destination</th>
  123.                                                 <th>Date retour</th>
  124.                                                 <th>Kilomètres</th>
  125.                                                 <th>Nb Clients</th>
  126.                                                 <th>État</th>
  127.                                                 <th>Action</th>
  128.                                             </tr>
  129.                                         </thead>
  130.                                         <tbody class="list form-check-all">
  131.                                             {# TODO boucle pour 5 derniers élements #}
  132.                                             {# Recupération en base de la liste des groupe de l'utilisateur #}
  133.                                             {% for groupe in historicGroup %}
  134.                                                 <tr>
  135.                                                     <td class="depart">{{ groupe.adresseDepart.ville|upper }}</td>
  136.                                                     <td class="date_depart">{{ groupe.dateDepart | date("d/m/Y") }}</td>
  137.                                                     <td class="destination">{{ groupe.adresseRetour.ville|upper }}</td>
  138.                                                     <td class="date_retour">{{ groupe.dateRetour | date("d/m/Y") }}</td>
  139.                                                     <td class="kilometres">{{ groupe.kilometres ?: ' - ' }}</td>
  140.                                                     <td class="nb_clients">{{ groupe.nbPersonnes }}</td>
  141.                                                     <td class="etat"><span class="badge badge-soft-success text-uppercase">Active</span></td>
  142.                                                     <td>
  143.                                                         <div class="hstack gap-3 fs-15">
  144.                                                             {# TODO rajouter les liens avec id et contition de modification/supp #}
  145.                                                             <a href="{{ path('groupe_details',  {'id': groupe.id} ) }}" class="link-info" title="Détail"><i class="ri-eye-line"></i></a>
  146.                                                             <a href="{{ path('groupe_update',  {'id': groupe.id} ) }}" class="link-warning" title="Modifier"><i class="ri-edit-2-line"></i></a>
  147.                                                         </div>
  148.                                                     </td>
  149.                                                 </tr>
  150.                                             {% endfor %}
  151.                                             {# fin boucle #}
  152.                                         </tbody>
  153.                                     </table>
  154.                                 </div>
  155.                             </div>
  156.                         </div>
  157.                     </div>
  158.                 </div>
  159.                 {% endif %}
  160.             </div>
  161.         </div>
  162.     </div>
  163. {% endblock %}