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

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

{% block body %}
    <h1>Prise des Commandes</h1>
    <div class="btnsCommande">
        {% if commande == null %}

            <button class="btn chrome" id="new_command">Nouvelle Commande</button>

        {% endif %}
        <a href="{{ path('commande_liste') }}" class="contents">
            <button class="btn chrome">Commandes</button>
        </a>
    </div>
    <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 %}

                        {% set max = article.quantity - article.qteCommande %}

                        <button id="{{ article.id }}"
                                class="btn btnCommande accordion btnCommandeAcc chrome">{{ article.libelle }}
                            <div>{{ article.quantity }}{% if article.qteCommande %} - {{ article.qteCommande }}{% endif %}</div>
                        </button>

                        <form class="panel quantity">

                            <!--<input type="range" id="qteCommande" name="qteCommande" min="1" max="{# {{ article.quantity }} #}">-->
                            <div><input id="qteCommande" name="qteCommande" type="number" min="1" max="{{ max }}"
                                        placeholder="quantité à commander par défaut 1">
                                <button formaction="{{ path('commande_add_article', {'id': article.id }) }}"
                                        type="submit">
                                    Commander
                                </button>
                            </div>
                        </form>
                    {% 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 %}
                        {% set max = article.quantity - article.qteCommande %}

                        <button id="{{ article.id }}"
                                class="btn btnCommande accordion btnCommandeAcc chrome">{{ article.libelle }}
                            <div>{{ article.quantity }}{% if article.qteCommande %} - {{ article.qteCommande }}{% endif %}</div>
                        </button>

                        <form class="panel quantity">
                            <input id="qteCommande" name="qteCommande" type="number" min="1" max="{{ max }}"
                                   placeholder="quantité à commander par défaut 1">
                            <button formaction="{{ path('commande_add_article', {'id': article.id }) }}" type="submit">
                                Commander
                            </button>
                        </form>
                    {% 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 %}

                        {% set max = article.quantity - article.qteCommande %}

                        <button id="{{ article.id }}"
                                class="btn btnCommande accordion btnCommandeAcc chrome">{{ article.libelle }}
                            <div>{{ article.quantity }}{% if article.qteCommande %} - {{ article.qteCommande }}{% endif %}</div>
                        </button>

                        <form class="panel quantity">
                            <input id="qteCommande" name="qteCommande" type="number" min="1" max="{{ max }}"
                                   placeholder="quantité à commander, par défaut 1">
                            <button formaction="{{ path('commande_add_article', {'id': article.id }) }}" type="submit">
                                Commander
                            </button>
                        </form>
                    {% endif %}
                {% endfor %}
            </div>
        </div>

        {% if commande %}

            <div class="commande">
                <div>

                    {{ form_start(tableForm) }}
                    {{ form_widget(tableForm) }}

                    <button type="submit">Modifier</button>

                    {{ form_end(tableForm) }}
                </div>

                <div class="aSortir">
                    {% for ligne in commande.lignes %}

                        {% if ligne.etat.id == app.request.server.get('A_SORTIR') %}

                            <div>
                                <button class="btn accordion btnCommandeAcc chrome">{{ ligne.article.libelle }}</button>
                                <form action="{{ path('commande_modifier_ligne', {'id': ligne.id }) }}"
                                      class="panel quantity">
                                    {% if ligne.article.accompagnement %}

                                        <select name="accompagnement" id="accompagnement">
                                            <option value="{{ ligne.article.accompagnement.id }}">{{ ligne.article.accompagnement.libelle }}</option>
                                            {% for accompagnement in accompagnements %}
                                                {% if accompagnement != ligne.article.accompagnement %}
                                                    <option value="{{ accompagnement.id }}">{{ accompagnement.libelle }}</option>
                                                {% endif %}
                                            {% endfor %}
                                        </select>
                                    {% endif %}
                                    <div class="checkboxes">

                                        <input type="checkbox" name="attendre" id="attendre"
                                               {% if ligne.etat.id == app.request.server.get('EN_ATTENTE') %}checked="checked"{% endif %}>
                                        <label for="attendre">A sortir plus tard</label>
                                    </div>

                                    <input id="commentaire" type="text" placeholder="commentaire(s)" name="commentaire"
                                           value="{{ ligne.commentaire }}">
                                    <div class="btns">
                                        <button type="submit" class="btn btnModif">Modifier</button>

                                        <button type="button" class="btn btnDelete"><a
                                                    href="{{ path('commande_delete_ligne', {'id': ligne.id }) }}">
                                                Supprimer</a>
                                        </button>
                                    </div>

                                </form>
                            </div>

                        {% endif %}
                    {% endfor %}

                </div>

                {% for ligne in commande.lignes %}

                    {% if ligne.etat.id == app.request.server.get('EN_ATTENTE') %}

                        <div>
                            <button class="btn accordion btnCommandeAcc chrome">{{ ligne.article.libelle }}</button>
                            <form action="{{ path('commande_modifier_ligne', {'id': ligne.id }) }}"
                                  class="panel quantity">
                                {% if ligne.article.accompagnement %}

                                    <select name="accompagnement" id="accompagnement">
                                        <option value="{{ ligne.accompagnement.id }}">{{ ligne.accompagnement.libelle }}</option>
                                        {% for accompagnement in accompagnements %}
                                            {% if accompagnement != ligne.article.accompagnement %}
                                                <option value="{{ accompagnement.id }}">{{ accompagnement.libelle }}</option>
                                            {% endif %}
                                        {% endfor %}
                                    </select>
                                {% endif %}
                                <div class="checkboxes">

                                    <input type="checkbox" name="attendre" id="attendre"
                                           {% if ligne.etat.id == app.request.server.get('EN_ATTENTE') %}checked="checked"{% endif %}>
                                    <label for="attendre">A sortir plus tard</label>
                                </div>

                                <input id="commentaire" type="text" placeholder="commentaire(s)" name="commentaire"
                                       value="{{ ligne.commentaire }}">
                                <div class="btns">
                                    <button type="submit" class="btn btnModif">Modifier</button>

                                    <button type="button" class="btn btnDelete"><a
                                                href="{{ path('commande_delete_ligne', {'id': ligne.id }) }}">
                                            Supprimer</a>
                                    </button>
                                </div>

                            </form>
                        </div>

                    {% endif %}
                {% endfor %}

                <div class="btns">
                    <a href="{{ path('commande_valider') }}">
                        <button class="btn btnModif">Valider</button>
                    </a>
                    <a href="{{ path('commande_annuler_commande', {'id': commande.id }) }}">
                        <button class="btn btnDelete">Annuler</button>
                    </a>
                </div>

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


{% endblock %}