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

{% block title %}{{ parent() }} - Menus{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('css/home/menus.css') }}">
    <link rel="stylesheet" href="{{ asset('css/select_pl/select2.min.css') }}">
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('js/home/menu.js') }}?{{ random() }}"></script>
    <script src="{{ asset('js/home/multiselect.js') }}?{{ random() }}"></script>
    <script src="{{ asset('js/select_pl/select2.min.js') }}?{{ random() }}"></script>
{% endblock %}

{% block body %}
    <nav class="row bg-nav" style="margin-right: 0;">
        <div class="col-4">
            <img class="mx-2" src="{{ asset('img/logo.png') }}" height="120">
            <a href="{{ path('app_get_home') }}">Retour au site</a>
        </div>
        <div class="col-8 text-end my-auto align-content-end">
            <div class="text-end my-auto">
                <span class="spacing">|</span> Bienvenue {{ username }} !

                <a class="text-white" role="button" title="Déconnexion" href="{{ lienDeconnexion }}">
                    <i class="fa-regular fa-arrow-right-from-bracket logout-btn"></i>
                </a>
            </div>
        </div>
    </nav>
    <div id="body" class="p-3">
        <table class="text-center">
            <thead>
                <tr>
                    <th>Site</th>
                    <th>Menu</th>
                    <th>Date conso</th>
                    <th>Couverts</th>
                </tr>
            </thead>
            <tbody>
        {% for couvert in couverts %}
            <tr>
                <td>{{ couvert.site }}</td>
                <td>{{ couvert.menu }}</td>
                <td>{{ couvert.date_conso }}</td>
                <td>{{ couvert.couverts }}</td>
            </tr>
        {% endfor %}
            </tbody>
        </table>
    </div>

{% endblock %}