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

{% block title %}Operateurs{% endblock %}

{% block body %}
<div class="container">
    <h1>Liste des opérateurs</h1>

    <table class="table table-bordered table-striped">
        <thead>
            <tr>
               
                <th>Nom</th>
                <th>Prénom</th>
                <th>Poste</th>
                <th>Détail</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
        {% for operateur in operateurs %}
            <tr>
              
                <td>{{ operateur.nom }}</td>
                <td>{{ operateur.prenom }}</td>
                <td>{{ operateur.poste }}</td>
                <td>
               
                    <a class="btn show" href="{{ path('operateur_show', {'id': operateur.id}) }}"><i class="bi bi-info-square"></i></a>
                    </td>
                    <td> 
                     {% if is_granted("ROLE_MANAGER") %}
                    {{ include('operateur/_delete_form.html.twig') }}
                    <a class="btn edit" href="{{ path('operateur_edit', {'id': operateur.id}) }}"><i class="bi bi-pencil"></i></a>
                {% else %}
                    <i class="bi bi-emoji-frown"> Aucune action autorisée</i>
                {% endif %}
                </td>
            </tr>
        {% else %}
            <tr>
                <td colspan="5"><i class="bi bi-emoji-frown"> Aucun opérateur d'enregistré</i></td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
     <a class="btn create" href="{{path('export_operateur_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 %}