{% extends "base.html.twig" %}
{% block title %}Recherche catégorie{% endblock %}
    {% block body %}
    {% form_theme formSearchCategorie 'bootstrap_4_layout.html.twig' %}
        <div class="container">
        <h1>
			{{form_start(formSearchCategorie)}}
			{{form_widget(formSearchCategorie)}}
			 <button type="submit" class="btn create"><i class="bi bi-search"> Rechercher</i></button>
			{{form_end(formSearchCategorie)}}
		</h1>
        </div>

        <div class="container">
        <h1>Résultats</h1>
        <table class="table table-bordered table-striped">
        <thead>
        <tr>
        <th>Identifiant</th>
        <th>Bicycode</th>
        <th>Catégorie</th>
        <th>Marque</th>
        <th>Couleur</th>
        <th>Poid</th>
        <th>Taille</th>
        <th>Détail</th>
        <th>Interventions</th>
        <th>Provenance</th>

        </tr>
        </thead>
        <tbody>
        {% for velo in results %}
            <tr>
            <td>
            {{velo.identifiant}}
            </td>
            <td>{{velo.bicycode}}</td>
            <td>{{velo.categorie}}</td>
            <td>{{velo.marque}}</td>
            <td>{{velo.couleur}}</td>
            <td>{{velo.poid}}</td>
            <td>{{velo.taille}}</td>
            <td>
            <a class="btn show" href="{{path('velo_show', {'id':velo.id})}}"><i class="bi bi-info-square"></i></a>
            </td>
             <td>
            {% if velo.interventions != null %}
                {% for intervention in velo.interventions %}
                    <div>Effectué le {{intervention.dateReception|date('d-m-Y H:i')}}
                <a class="btn show" href="{{path('intervention_show',{'id':intervention.id})}}"><i class="bi bi-info-square"></i></a></div></br>
                {% endfor %}
            {% else %}
                <i class="bi bi-emoji-frown">Aucune intervention enregistrée sur ce vélo</i>
            {% endif %}
           
             </td>
            <td>
           {% if velo.particulier != null %}
               {{velo.particulier.prenom}} {{velo.particulier.nom}}
            <a class="btn show" href="{{path('particulier_show',{'id':velo.particulier.id})}}"><i class="bi bi-info-square"></i></a>
          
           {% endif %}
            </td>
           

            
            </tr>
        {% else %}
            <tr>
            <td colspan="9">Pas de vélo dans cette catégorie
            </td>
            </tr>
        {% endfor %}
        </tbody>

        </table>
        <a></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 %}