{% extends "base.html.twig" %}
{% block title %}Liste décathlon{% endblock %}
{% block body %}
<div class="container">

    <h1>Liste des particuliers envoyés par décathlon</h1>

    <table class="table table-bordered table-striped">
        <thead>
            <tr>
                <th>Nom</th>
                <th>Prénom</th>
                <th>Téléphone</th>
                <th>Adresse électronique</th>
                <th>Code_postal</th>
                <th>Accord rgpd</th>
                <th>Détail</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
        {% for particulier in particulierDecathlon %}
            <tr>
                <td>{{ particulier.nom }}</td>
                <td>{{ particulier.prenom }}</td>
                <td>{{ particulier.telephone }}</td>
                <td>{{ particulier.email }}</td>
                <td>{{ particulier.codePostal }}</td>
                <td>{{ particulier.rgpd ? '<i class="bi bi-check"> Oui</i>' : '<i class="bi bi-emoji-frown"> Non</i>' }}</td>
                    <td>  <div><a class="btn show" href="{{ path('particulier_show', {'id': particulier.id}) }}"><i class="bi bi-info-square"></i></a></div>
                    </td>
                    <td>
                    {% if is_granted("ROLE_MANAGER") %}
                         <div><a class="btn edit" href="{{ path('particulier_edit', {'id': particulier.id}) }}"><i class="bi bi-pencil"></i></a></div>
                  {{ include('particulier/_delete_form.html.twig') }}
                    {% else %}
                        <i class="bi bi-emoji-frown"> Aucune action autorisée</i>
                    {% endif %}
                </td>
            </tr>
        {% else %}
            <tr>
                <td colspan="7">Aucun particulier enregistré</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
  <a class="btn create" href="{{ path('particulier_new') }}"><i class="bi bi-plus-square"> Ajouter un nouveau particulier</i></a>

 {% set totalpage = (total / limit)|round(0, 'ceil') %}
  {% if totalpage != 0 %}
<div class="container-fluid">
  <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 %}