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

    {% block title_start %}Menu{% endblock %}

    {% block stylesheets %}
        {{ parent() }}
        {{ encore_entry_link_tags('admin_menu_list') }}
    {% endblock %}
    
    {% block main %}
        <main class="site-main">
        
            {% for message in app.flashes('success') %}
                <div class="site-main-alert site-main-alert-success">
                    {{ message }}
                </div>
            {% endfor %}

            <div class="site-main-filter">
                <form action="#" method="get">
                <input type="text" name="search" id="search" placeholder="Rechercher" value="{{ app.request.query.get('search') }}">
                <button type="submit" class="btn btn-dark">
                    <i class="fas fa-search-plus fa-lg"></i> Trouver
                </button>
                </fieldset>
                </form>
            </div>

            {% if is_granted('ROLE_SUPER_ADMIN') %}
                <div class="site-main-action">
                    <a href="{{ path('admin_menu_add') }}" title="Ajouter"><button class="btn-dark">
                        <i class="fas fa-plus-circle fa-lg"></i> Ajouter un menu</button>
                    </a>
                </div>
            {% endif %}

            <div class="site-main-list">
                <h1>Liste des menus</h1>
                
                <table>
                    <thead>
                    <tr>
                        <th>
                        <a href="#">Nom</a>
                        </th>
                        <th>
                        <a href="#">Description</a>
                        </th>
                        </th>
                        <th class="site-main-list-action-th">Action</th>
                    </tr>
                    </thead>
                    <tbody>
                        {% for menu in menus %}
                            <tr>
                                <td>{{ menu.getName }}</td>
                                <td>{{ menu.getDescription }}</td>

                                <td class="site-main-list-action">
                                    {% if is_granted('ROLE_ADMIN') and menu.getEditable() %}
                                        <form action="{{ path('admin_menu_edit', {'id': menu.getId()}) }}" method="get">
                                            <button type="submit" class="btn-yellow-hover">
                                                <i class="fas fa-cog"></i>
                                            </button>
                                        </form>
                                    {% elseif is_granted('ROLE_SUPER_ADMIN') %}
                                        <form action="{{ path('admin_menu_edit', {'id': menu.getId()}) }}" method="get">
                                            <button type="submit" class="btn-yellow-hover">
                                                <i class="fas fa-cog"></i>
                                            </button>
                                        </form>
                                    {% else %}
                                            <button class="btn-disable">
                                                <i class="fas fa-cog"></i>
                                            </button>
                                    {% endif %}

                                    {% if is_granted('ROLE_SUPER_ADMIN') %}
                                        <form action="{{ path('admin_menu_delete', {'id': menu.getId()}) }}" method="post">
                                            <button type="submit" class="btn-yellow-hover">
                                                <i class="fas fa-trash fa-red"></i>
                                            </button>
                                        </form>
                                    {% else %}
                                            <button class="btn-disable">
                                                <i class="fas fa-trash"></i>
                                            </button>
                                    {% endif %}
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            {{ knp_pagination_render(menus) }}
            </div>
        </main>

    {% endblock %}


    {% block javascripts %}
        {{ parent() }}
        {{ encore_entry_script_tags('admin_menu_list') }}
    {% endblock %}