{% extends "base.html.twig" %}
{% block title %}Liste en cours{% endblock %}
{% block body %}
<div class="container">
<h1>Liste des réparations en cours</h1>
<table class="table table-bordered table-striped">
  <thead>
  <tr>
  <th>Vélo</th>
  <th>Intervention </th>
  <th>Réparation</th>
  <th>Valider la fin de la réparation</th>
  <th>Détail du diagnostique</th>
  <th>Devis</th>
  </tr>
  </thead>
  <tbody>
   {% for reparation in reparationEnCours %}
  <tr>
  <td>
  <div>N° {{reparation.intervention.velo.identifiant}}</div>
  <div>{{reparation.intervention.velo.marque}}</div>
    <div>{{reparation.intervention.velo.couleur}}</div>
    <div>{{reparation.intervention.velo.taille}} pouce</div>
  </td>
  <td>Réceptionné le {{reparation.intervention.dateReception|date('d-m-Y')}}</td>

      <td> Pris en charge le {{reparation.datePriseEnCharge|date('d-m-Y')}}</td>
      <td>
      <a class="btn create" href="{{path('add_validationOperateur',{'id':reparation.id})}}">Valider</a>
      </td>
  
   <td><a class="btn show" href="{{path('reparation_showFormulaire',{'id':reparation.id})}}"><i class="bi bi-info-square"></i></a></td>
   <td><a class="btn show" href="{{path('reparation_showDevis',{'id':reparation.id})}}"><i class="bi bi-info-square"></i></a></td>

   </tr>
    {% else %}
   <tr>
       <td colspan ="6">Aucune réparation en cours </td>
       </tr>
   {% endfor %}
   </tbody>
   </table>
   <a class="btn create" href="{{path('reparation_index')}}"><i class="bi bi-chevron-left"> Retour à la liste des réparations</i></a>
{% set totalpage = (total / limit )|round(0, 'ceil') %}
{% if totalpage != 0  %}
  <div class="container">
    <ul class="pagination justify-content-center">
   <li class=" page-item {{(page == 1) ?'disabled visually-hidden' : ''}}">
 <a class="page-link " href="?page=1 " aria-label="Previous">
        <span aria-hidden="true"><i class="bi bi-skip-backward"></i></span>
      </a>
      </li>
    <li class="page-item {{(page == 1) ?'disabled visually-hidden' : ''}}">
    
      <a class="page-link" href="{{(page > 1) ? '?page=' ~ (page - 1)  : ''}}" aria-label="Previous">
        <span aria-hidden="true"><i class="bi bi-chevron-left"></i></span>
      </a>
    </li>
    {% for element in 1..totalpage %}
         <li class="page-item {{(page == element) ? 'active ':''}}" aria-current ="page">
         <a class="page-link" href="?page={{element}}">{{element}}</a></li>
    {% endfor %}
   
   <li class="page-item {{(page == totalpage) ?'disabled visually-hidden' : ''}}">
      <a class="page-link" href="{{(page < totalpage ) ? '?page=' ~ (page + 1) : ''}}" aria-label="Next">
        <span aria-hidden="true"><i class="bi bi-chevron-right"></i></span>
      </a>
    </li>
     <li class="page-item {{(page == totalpage) ?'disabled visually-hidden' : ''}}">
      <a class="page-link" href="?page={{totalpage }}" aria-label="Next">
        <span aria-hidden="true"><i class="bi bi-skip-forward"></i></span>
      </a>
    </li>
  </ul>
  </div>
   {% endif %}
</div>
{% endblock %}