{% sw_extends '@Storefront/storefront/base.html.twig' %}

{% block base_content %}
    <div class="container rd-deals-page">
        <header class="rd-deals-head">
            <span class="rd-deals-word" aria-hidden="true">Deals</span>
            <h1>Deals</h1>
            <p>Zubehör gratis oder stark reduziert – du bekommst den Deal-Preis automatisch, sobald dein Warenkorb genug aus der jeweiligen Warengruppe enthält.</p>
            <ol class="rd-deals-steps">
                <li><strong>1</strong><span>Deal in den Warenkorb legen</span></li>
                <li><strong>2</strong><span>Warengruppe bis zum Mindestumsatz auffüllen</span></li>
                <li><strong>3</strong><span>Deal-Preis wird automatisch berechnet</span></li>
            </ol>
        </header>

        <p class="rd-deals-count">{{ page.items|length }} {{ page.items|length == 1 ? 'Deal' : 'Deals' }} aktiv</p>
        {% sw_include '@RiccardoDeals/storefront/riccardo-deals/deal-grid.html.twig' with { items: page.items } %}

        <section class="rd-deals-faq">
            <h2>Gut zu wissen</h2>
            <dl>
                <div><dt>Wie wird der Mindestumsatz berechnet?</dt><dd>Es zählt der Warenwert der Artikel aus der genannten Warengruppe. Deal-Artikel selbst zählen nicht mit.</dd></div>
                <div><dt>Wie viele Deal-Artikel kann ich bestellen?</dt><dd>Deal-Artikel sind limitiert – die maximale Stückzahl steht am jeweiligen Deal. Größere Mengen werden automatisch angepasst.</dd></div>
                <div><dt>Was passiert unter dem Mindestumsatz?</dt><dd>Je nach Deal gilt bis dahin der reguläre Preis oder der Deal-Artikel ist erst ab dem Mindestumsatz bestellbar. Dein Warenkorb zeigt dir immer, wie viel noch fehlt.</dd></div>
            </dl>
        </section>
    </div>
{% endblock %}