{#
 # Aus dem Rechenergebnis wird eine Bestellung.
 #
 # Der Knopf hängt im selben Formular wie der Rechner und schickt über
 # formaction an eine andere Route. Damit zählen immer die Zahlen, die
 # gerade in den Feldern stehen – auch wenn der Browser-Rechner die
 # Anzeige zwischendurch neu gefüllt hat.
 #
 # Die Liste darunter ist die Vorschau des letzten Serverstands. Sie kann
 # von der Anzeige abweichen, wenn jemand gerade etwas getippt hat; darum
 # steht die verbindliche Rechnung auf der Warenkorbseite, nicht hier.
 #}
{% if einkauf is not empty or luecken is not empty %}
    <div class="rlc-einkauf">
        <h3 class="rlc-einkauf-titel">Das brauchst du dafür</h3>

        {% if einkauf is not empty %}
            <ul class="rlc-einkauf-liste">
                {% for posten in einkauf %}
                    <li class="rlc-einkauf-zeile rlc-einkauf-zeile--{{ posten.rolle }}">
                        <span class="rlc-einkauf-menge">{{ posten.menge }} ×</span>
                        <span class="rlc-einkauf-text">
                            <a href="{{ seoUrl('frontend.detail.page', { productId: posten.produkt.id }) }}">{{ posten.produkt.translated.name }}</a>
                            <small>{{ posten.hinweis }}</small>
                        </span>
                    </li>
                {% endfor %}
            </ul>

            <button type="submit"
                    class="btn btn-primary rlc-einkauf-knopf"
                    formaction="{{ path('frontend.riccardo.liquidcalc.einkauf') }}"
                    formmethod="post">
                Zutaten in den Warenkorb
            </button>
        {% endif %}

        {% if luecken is not empty %}
            <p class="rlc-einkauf-luecke">
                Für {{ luecken|join(' und ') }} haben wir gerade nichts Passendes vorrätig –
                schau selbst unter <a href="/Basen-Nikotinshots/">Basen &amp; Nikotinshots</a>.
            </p>
        {% endif %}

        <p class="rlc-einkauf-aroma">
            Das Aroma wählst du selbst – <a href="/Aromen/">über 990 Sorten</a>.
        </p>
    </div>
{% endif %}