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

{% block base_content %}
    {% set settings = page.settings %}
    {% set loggedIn = context.customer and not context.customer.guest %}
    <div class="container rl-page">
        <header class="rl-hero">
            <span class="rl-hero-word" aria-hidden="true">Punkte</span>
            <div class="rl-hero-copy">
                <h1>Kunden&shy;karte</h1>
                <p>Eine Karte für alle Einkäufe – online und in unseren Filialen. Punkte sammeln, im Warenkorb einlösen, fertig.</p>
                <div class="rl-hero-actions">
                    {% if page.account %}
                        <a class="btn btn-primary btn-lg" href="{{ path('frontend.riccardo.loyalty.account') }}">Meine Karte ansehen</a>
                    {% elseif loggedIn %}
                        <form action="{{ path('frontend.riccardo.loyalty.enroll') }}" method="post">
                            <button class="btn btn-primary btn-lg" type="submit">Jetzt kostenlos aktivieren</button>
                        </form>
                    {% else %}
                        <a class="btn btn-primary btn-lg" href="{{ path('frontend.account.login.page', { redirectTo: 'frontend.riccardo.loyalty.account' }) }}">Konto erstellen &amp; Karte sichern</a>
                        <a class="btn rl-hero-login" href="{{ path('frontend.account.login.page', { redirectTo: 'frontend.riccardo.loyalty.account' }) }}">Ich habe schon ein Konto</a>
                    {% endif %}
                </div>
                {% if settings.welcomeBonus and not page.account %}
                    <p class="rl-hero-bonus"><strong>{{ settings.welcomeBonus }} Punkte</strong> Willkommensbonus</p>
                {% endif %}
            </div>
            <div class="rl-hero-card" aria-hidden="true">
                {% sw_include '@RiccardoLoyalty/storefront/riccardo-loyalty/card.html.twig' with {
                    account: page.account ?? { balance: 1240, cardNumber: '2900000012340' },
                    settings: settings,
                    holder: page.account ? '' : 'Dein Name'
                } %}
            </div>
        </header>

        <h2 class="rl-section-title">So funktioniert's</h2>
        {% sw_include '@RiccardoLoyalty/storefront/riccardo-loyalty/steps.html.twig' with { settings: settings } %}

        {% set example = 60 %}
        {% set examplePoints = (example * settings.pointsPerEuro)|round(0, 'floor') %}
        <section class="rl-example">
            <div>
                <h2>Rechenbeispiel</h2>
                <p>Du bestellst Liquids und Coils für <strong>{{ example|currency }}</strong> und bekommst <strong>{{ examplePoints }} Punkte</strong>. Mit dem Willkommensbonus und ein, zwei Einkäufen in der Filiale sind die ersten Euro schnell zusammen.</p>
            </div>
            <ul class="rl-example-facts">
                <li><strong>{{ (100 * settings.pointValue)|currency }}</strong><span>je 100 Punkte</span></li>
                <li><strong>ab {{ settings.minRedeemPoints|number_format(0, ',', '.') }}</strong><span>Punkten einlösbar</span></li>
                <li><strong>{{ settings.maxRedeemPercent|number_format(0) }}&nbsp;%</strong><span>des Warenwerts mit Punkten zahlen</span></li>
            </ul>
        </section>

        <section class="rl-faq" aria-labelledby="rl-faq-title">
            <h2 id="rl-faq-title" class="rl-section-title">Fragen &amp; Antworten</h2>
            <details>
                <summary>Was kostet die Kundenkarte?</summary>
                <p>Nichts. Die Karte ist kostenlos und du gehst keine Verpflichtung ein.</p>
            </details>
            <details>
                <summary>Wann bekomme ich meine Punkte?</summary>
                <p>In der Filiale sofort beim Bezahlen. Online werden die Punkte bei der Bestellung vorgemerkt und gutgeschrieben, {{ settings.creditOn == 'payment_paid' ? 'sobald deine Zahlung eingegangen ist' : (settings.creditOn == 'immediately' ? 'direkt mit der Bestellung' : 'sobald deine Bestellung abgeschlossen ist') }}. Punkte gibt es auf den Warenwert nach Rabatten, ohne Versandkosten.</p>
            </details>
            <details>
                <summary>Wie löse ich Punkte ein?</summary>
                <p>Im Warenkorb oder auf der Bestellübersicht mit einem Klick auf „Punkte einlösen“. Der Betrag wird direkt abgezogen. In der Filiale zeigst du einfach deine Karte an der Kasse.</p>
            </details>
            <details>
                <summary>Ich habe schon eine Karte aus der Filiale.</summary>
                <p>Sprich uns in deiner Filiale an oder schreib uns – wir verknüpfen die Karte mit deinem Kundenkonto, dein Punktestand bleibt erhalten.</p>
            </details>
            <details>
                <summary>Was passiert bei einer Rückgabe oder Stornierung?</summary>
                <p>Punkte aus stornierten Bestellungen werden zurückgenommen, eingelöste Punkte bekommst du zurück.</p>
            </details>
        </section>

        <p class="rl-legal">Punkte sind nicht bar auszahlbar und nicht übertragbar. Tabak- und nikotinhaltige Produkte werden nur an Personen ab 18 Jahren abgegeben.</p>
    </div>
{% endblock %}