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

{% block title %}Liste des menus{% endblock %}

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

        {% if secure.havePermission(constant('_ADD_SERV_GEST_MENU', app_const)) or secure.havePermission(constant('_UPDATE_SERV_GEST_MENU', app_const)) %}
            <div class="d-flex justify-content-between">
                <div>
                    {% if goupeMenuCode != "main" %}
                        <a class="btn btn-sm btn-danger" href="/menu/liste/{{ goupeMenuCode }}"><i class="bi bi-chevron-left"></i> Retour</a>                        
                     {% else %}
                     	<a class="btn btn-sm btn-danger" href="/menu/liste"><i class="bi bi-chevron-left"></i> Retour</a>
                        <a class="btn btn-sm btn-primary" href="/menuGroupe/create/{{menu}}"><i class="bi bi-plus-lg"></i> Groupe </a>
                    {% endif %}   
                </div>
                <div>                    
                    {% if secure.havePermission(constant('_ADD_SERV_GEST_MENU', app_const)) %}
                        {% if goupeMenuCode == "main"  %}                            
                            <a class="btn btn-sm btn-primary" href="/menu/create/{{ menu }}"><i class="bi bi-plus-lg"></i> Menu </a>
                        {% endif %}                        
                    {% endif %}
                    {% if secure.havePermission(constant('_UPDATE_SERV_GEST_MENU', app_const)) %}
                       <a class="btn btn-sm btn-primary" href="/menu/organiser/{{menu}}/{{ goupeMenuCode }}" style="margin-right:5px;" title="Organisation"><i class="bi bi-list-ol"></i> Organisation Menu</a>     
                    {% endif %}  
                </div>
            </div>
            <hr />
        {% endif %}
        
        <br /><section>
            {{ form_start(form) }}
                <div class="input-group mb-3">
                    {{ form_widget(form.searchValue) }}
                    <span class="input-group-text"><button type="submit" class="btn btn-sm"><i class="bi bi-search"></i></button></span>
                </div>
            {{ form_end(form) }}
        </section><br />

        <div class="table-eplo">
            <div class="tab-row-eplo header">
                <div class="cell">
                    Public
                </div>
                <div class="cell">
                    Nom
                </div>
            <div class="cell"></div>
            </div>
            {% if result.elements|length <= 0  %}
                <div class="tab-row-eplo">
                    <div class="cell" data-title="Fichier">
                        Aucun groupe trouvé
                    </div>
                    <div class="cell"></div>
                    <div class="cell"></div>
                </div>
            {% else %}
                {% for obj in result.elements %}
                <div class="tab-row-eplo">
                    <div class="cell text-center" data-title="Public">
                        <div class="form-check form-switch">
                            {% if obj.visibility  %}
                                <input class="form-check-input" type="checkbox" id="flexSwitchCheckDisabled" disabled checked />
                            {% else %}
                                <input class="form-check-input" type="checkbox" id="flexSwitchCheckDisabled" disabled />
                            {% endif %}
                        </div>
                    </div>
                    <div class="cell" data-title="Nom">
                    	<a href="/menu/liste/{{obj.code}}" >{{obj.nom}} </a>
                    </div>
                    <div class="cell text-right" data-title="Action">
                    	<div class="btn-group dropstart">
                        	<button type="button" class="btn btn-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
                            	<i class="bi bi-list"></i>
                          	</button>
                          	<ul class="dropdown-menu">
                          		<li><a class="dropdown-item" href="/menu/liste/{{obj.code}}"  title="Modifier"> Sous Menus</a></li>                                                              
                          		{% if secure.havePermission(constant('_UPDATE_SERV_GEST_MENU', app_const)) %}
                                    <li><hr class="dropdown-divider"></li>
                                    <li><a class="dropdown-item" href="/menuGroupe/edit/{{obj.code}}?page={{result.currentPage }}&pageSize{{result.pageSize }}&filtre={{result.filtre}}" title="Modifier"> Modifier</a></li>
                                    <li><hr class="dropdown-divider"></li>
                                    <li><a class="dropdown-item" href="/menuGroupe/privileges/{{obj.code}}"  title="Autorisations"> Autorisations</a></li>
                                    <li><hr class="dropdown-divider"></li>
                                    <li><a class="dropdown-item" href="/menuGroupe/organiser/{{obj.code}}"  title="Organisation"> Ré-Ordonner</a></li>
                                {% endif %}
                                {% if secure.havePermission(constant('_REMOVE_SERV_GEST_MENU', app_const)) %}
                                    <li><hr class="dropdown-divider"></li>
                                    <li><a class="dropdown-item" href="/menuGroupe/suppression/{{obj.code}}?page={{result.currentPage }}&pageSize{{result.pageSize }}&filtre={{result.filtre}}" title="Supprimer"><span class="text-danger"> Supprimer</span></a></li>
                                {% endif %}
                            </ul>
                        </div>
                    </div>
                </div>
                {% endfor %} 
            {% endif %} 
        </div>
        <hr />
        {% include 'utils/pagination.html.twig'  with {'url': '/menuGroupe' }  %}  
        <br />
    </section>
{% endblock %}