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

{% block title %}Les roles utilisateur{% endblock %}

{% block body %}
    <section class="container">
        {% include 'utils/file.ariane.html.twig' %}  
        <h4>Roles utilisateur - EELO</h4>
        <hr/>

        {% if secure.havePermission(constant('_ADD_SERV_GEST_HABI', app_const)) %}
            <div class="d-flex justify-content-between">
                <a class="btn btn-sm btn-primary" href="/role/create"><i class="bi bi-plus-lg"></i> Nouveau</a>
            </div>
            <hr />
        {% endif %}
        
        <br /><section>
            {{ form_start(form) }}
                <div class="input-group mb-3">
                    {{ form_widget(form.searchValue) }}
                    <span class="input-group-text btn-primary"><button type="submit" class="btn btn-sm btn-primary"><i class="bi bi-search"></i></button></span>
                </div>
            {{ form_end(form) }}
        </section><br />  <br />

        {% if result.elements|length <= 0  %}
            <p>Aucun role trouvé</p>
        {% else %}
            <div class="accordion" id="accordionFlushExample">
                {% for obj in result.elements %}
                     <div class="accordion-item">
                        <h2 class="accordion-header" id="{{ obj.code }}">
                            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse{{ obj.code }}" aria-expanded="true" aria-controls="flush-collapse{{ obj.code }}">
                                Role {{ obj.nom }}
                            </button>
                        </h2>
                        {% if loop.index == 1 %}
                            <div id="flush-collapse{{ obj.code }}" class="accordion-collapse collapse show w-100" aria-labelledby="flush-heading{{ obj.code }}" data-bs-parent="#accordionFlushExample">
                        {% else %}
                            <div id="flush-collapse{{ obj.code }}" class="accordion-collapse collapse w-100" aria-labelledby="flush-heading{{ obj.code }}" data-bs-parent="#accordionFlushExample">
                        {% endif %}   
                            <div class="accordion-body">
                                {% include 'role/read.html.twig'  with {'droit': obj, 'services': services, 'autorises': autorises, 'edition': 'disabled', 'page': result.currentPage, 'pageSize': result.pageSize, 'filtre': result.filtre } %}
                            </div>
                        </div>
                    </div>
                {% endfor %} 
            </div>            
        {% endif %} 
        
        <br />
        <hr />
        {% include 'utils/pagination.html.twig'  with {'url': '/privilege'}  %}  
        <br />
    </section>

{% endblock %}

{% block javascripts %}
    {{ parent() }}    
    <script>
        $( document ).ready(function() {
            
        });
    </script> 
{% endblock %}