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

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

{% block body %}

    <div class="list">

        {% for commande in commandes %}

            <div class="list-item cuisine">
                <div class="cuisine-entete">
                    <p>Table : {{ commande.tableNum }}</p>
                    <p>{{ commande.commanditaire.pseudo }}</p>
                </div>

                <div class="aSortir">

                    {% for ligne in commande.lignes %}

                        {% if ligne.etat.id >= 6 %}
                            <div class="article accordion btnCommandeAcc {% if ligne.etat.id == 8 %} success {% else %} notif {% endif %}">
                                <p>{{ ligne.article.libelle }}</p>
                                {% if ligne.commentaire != "" %}
                                    <p class="flash error">{{ ligne.commentaire }}</p>
                                {% endif %}

                                {% if ligne.article.accompagnement != ligne.accompagnement %}
                                    <p class="flash error">{{ ligne.accompagnement.libelle }}</p>
                                {% endif %}
                            </div>
                            <div class="panel panel-cuisine">
                                <div class="btns">
                                    <a href="{{ path('cuisine_set_etat_pret', {'id': ligne.id}) }}"><button>{% if ligne.etat.id == 8 %}Pas {% endif %}Prêt</button></a>
                                    <a href="{{ path('cuisine_set_etat_servie', {'id': ligne.id}) }}"><button>Servie</button></a>
                                </div>
                            </div>
                        {% endif %}
                    {% endfor %}
                </div>
                <div class="enAttente">
                {% for ligne in commande.lignes %}

                    {% if ligne.etat.id == 5 %}

                        <div class="article enAttente-item">
                            <p>{{ ligne.article.libelle }}</p>
                            {% if ligne.commentaire != "" %}
                                <p class="flash error">{{ ligne.commentaire }}</p>
                            {% endif %}

                            {% if ligne.article.accompagnement != ligne.accompagnement %}

                                <p class="flash error">{{ ligne.accompagnement.libelle }}</p>
                            {% endif %}
                        </div>

                    {% endif %}
                {% endfor %}
                </div>
                <div class="servies">
                    <button class="accordion categorie">Déjà Servi</button>
                    <div class="panel">
                {% for ligne in commande.lignes %}

                    {% if ligne.etat.id == 3 %}

                        <div class="article accordion btnCommandeAcc">
                            <p>{{ ligne.article.libelle }}</p>
                            {% if ligne.commentaire != "" %}
                                <p class="flash error">{{ ligne.commentaire }}</p>
                            {% endif %}

                            {% if ligne.article.accompagnement != ligne.accompagnement %}

                                <p class="flash error">{{ ligne.accompagnement.libelle }}</p>
                            {% endif %}
                        </div>
                        <div class="panel panel-cuisine">
                            <a href="{{ path('cuisine_set_etat_servie', {'id': ligne.id}) }}"><button>Pas Servi</button></a>
                        </div>

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

    </div>


{% endblock %}