{% extends 'base.html.twig' %}

{% block title %}Velos{% endblock %}

{% block body %}
<div class="container">

    <h1>Liste des vélos</h1>

    <table class="table table-bordered table-striped">
        <thead>
            <tr>
               
                <th>Identifiant</th>
                <th>Bicycode</th>
                <th>Marque</th>
                <th>Couleur</th>
                <th>Catégorie</th>
                <th>Poid</th>
                <th>Taille</th>
                <th>Détail</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
        {% for velo in velos %}
            <tr>
               
                <td>{{ velo.identifiant }}</td>
                <td>{{ velo.bicycode }}</td>
                <td>{{ velo.marque }}</td>
                <td>{{ velo.couleur }}</td>
                <td>{{ velo.categorie }}</td>
                <td>{{ velo.poid }}</td>
                <td>{{ velo.taille }}</td>
                <td>
                    <div><a class="btn show" href="{{ path('velo_show', {'id': velo.id}) }}"><i class="bi bi-info-square"></i></a></div>
                    </td>
                    <td>
                    {% if is_granted("ROLE_MANAGER") %}
                          <a class="btn edit" href="{{ path('velo_edit', {'id': velo.id}) }}"><i class="bi bi-pencil"></i></a>
                      {{ include('velo/_delete_form.html.twig') }}
                    {% else %}
                        <i class="bi bi-emoji-frown"> Aucune action autorisée</i>
                    {% endif %}
                  
                </td>
            </tr>
        {% else %}
            <tr>
                <td colspan="9">Aucun vélo enregistré</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    <a class="btn create" href="{{path('export_velo_csv')}}"><i class="bi bi-box-arrow-right"> Export CSV</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 %}