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

{% block title %}{{ parent() }} | Accueil{% endblock %}

{% block body %}
    <h1>Au menu ce soir</h1>
    <div class="content">

        <div class="list-assiette">
            <button class="accordion categorie">Entrées <img class="arrow" src="{{ asset('img/arrow.png') }}"
                                                             alt="flèche"></button>
            <div class="panel">
                {% for article in articles %}
                    {% if article.categorie.id == app.request.server.get('ENTREE')  and article.quantity > 0 %}

                        <a href="{{ path('article_detail', {'id': article.id }) }}">
                            <button id="{{ article.id }}" class="btn btnCommande chrome">{{ article.libelle }}
                                <div>{{ article.quantity }}{% if article.qteCommande %} - {{ article.qteCommande }}{% endif %}</div>
                            </button>
                        </a>

                    {% endif %}
                {% endfor %}
            </div>

            <button class="accordion categorie">Plats <img class="arrow" src="{{ asset('img/arrow.png') }}"
                                                           alt="flèche"></button>
            <div class="panel">
                {% for article in articles %}
                    {% if article.categorie.id == app.request.server.get('PLAT')  and article.quantity > 0 %}

                        <a href="{{ path('article_detail', {'id': article.id }) }}">
                            <button id="{{ article.id }}" class="btn btnCommande chrome">{{ article.libelle }}
                                <div>{{ article.quantity }}{% if article.qteCommande %} - {{ article.qteCommande }}{% endif %}</div>
                            </button>
                        </a>

                    {% endif %}
                {% endfor %}
            </div>

            <button class="accordion categorie">Desserts <img class="arrow" src="{{ asset('img/arrow.png') }}"
                                                              alt="flèche"></button>
            <div class="panel">
                {% for article in articles %}
                    {% if article.categorie.id == app.request.server.get('DESSERT')  and article.quantity > 0 %}

                        <a href="{{ path('article_detail', {'id': article.id }) }}">
                            <button id="{{ article.id }}" class="btn btnCommande chrome">{{ article.libelle }}
                                <div>{{ article.quantity }}{% if article.qteCommande %} - {{ article.qteCommande }}{% endif %}</div>
                            </button>
                        </a>

                    {% endif %}
                {% endfor %}
            </div>
            <button class="accordion categorie">Accompagnements <img class="arrow" src="{{ asset('img/arrow.png') }}"
                                                                     alt="flèche"></button>
            <div class="panel">
                {% for article in articles %}
                    {% if article.categorie.id == app.request.server.get('ACCOMPAGNEMENT')  and article.quantity > 0 %}

                        <a href="{{ path('article_detail', {'id': article.id }) }}">
                            <button id="{{ article.id }}" class="btn btnCommande chrome">{{ article.libelle }}
                                <div>{{ article.quantity }}{% if article.qteCommande %} - {{ article.qteCommande }}{% endif %}</div>
                            </button>
                        </a>

                    {% endif %}
                {% endfor %}
            </div>
        </div>

    </div>


{% endblock %}