{# Kundenkarte im Warenkorb / Checkout – redirectRoute: Route nach dem Absenden #}
{% set loyalty = page.cart.extensions.riccardoLoyalty ?? null %}
{% if loyalty and page.cart.lineItems|length %}
    {% set loyalty = loyalty.all() %}
    <section class="rl-cartbox" aria-labelledby="rl-cartbox-title">
        <div class="rl-cartbox-head">
            <img src="{{ asset('assets/img/riccardo-flame.png', 'theme') }}" alt="" width="14" height="28" aria-hidden="true">
            <h2 id="rl-cartbox-title">Kundenkarte</h2>
            <span class="rl-cartbox-earn">+{{ loyalty.earnPoints|number_format(0, ',', '.') }} Punkte</span>
        </div>

        {% if not loyalty.loggedIn %}
            <p>Mit einem Kundenkonto sammelst du mit diesem Einkauf <strong>{{ loyalty.earnPoints|number_format(0, ',', '.') }} Punkte</strong>{% if loyalty.welcomeBonus %} – plus {{ loyalty.welcomeBonus }} Punkte Willkommensbonus{% endif %}.</p>
            <a class="rl-cartbox-link" href="{{ path('frontend.account.login.page', { redirectTo: redirectRoute }) }}">Anmelden oder Konto erstellen</a>
        {% elseif not loyalty.hasAccount %}
            <p>Aktiviere deine Kundenkarte und sammle mit diesem Einkauf <strong>{{ loyalty.earnPoints|number_format(0, ',', '.') }} Punkte</strong>{% if loyalty.welcomeBonus %} – {{ loyalty.welcomeBonus }} Punkte Bonus gibt's sofort{% endif %}.</p>
            <form action="{{ path('frontend.riccardo.loyalty.enroll') }}" method="post">
                <input type="hidden" name="redirectTo" value="{{ redirectRoute }}">
                <button class="btn btn-light rl-cartbox-btn" type="submit">Kundenkarte aktivieren</button>
            </form>
        {% else %}
            <p class="rl-cartbox-balance">Punktestand <strong>{{ loyalty.balance|number_format(0, ',', '.') }}</strong> <span>= {{ (loyalty.balance * loyalty.pointValue)|currency }}</span></p>

            {% if loyalty.redeemed > 0 %}
                <div class="rl-cartbox-redeemed">
                    <span><strong>{{ loyalty.redeemed|number_format(0, ',', '.') }} Punkte</strong> eingelöst · −{{ loyalty.redeemedValue|currency }}</span>
                    <form action="{{ path('frontend.riccardo.loyalty.redeem.remove') }}" method="post">
                        <input type="hidden" name="redirectTo" value="{{ redirectRoute }}">
                        <button class="btn btn-link rl-cartbox-undo" type="submit">Rückgängig</button>
                    </form>
                </div>
            {% elseif loyalty.redeemable >= loyalty.minRedeemPoints %}
                <form action="{{ path('frontend.riccardo.loyalty.redeem') }}" method="post">
                    <input type="hidden" name="redirectTo" value="{{ redirectRoute }}">
                    <input type="hidden" name="points" value="max">
                    <button class="btn btn-primary rl-cartbox-btn" type="submit">
                        {{ loyalty.redeemable|number_format(0, ',', '.') }} Punkte einlösen · −{{ loyalty.redeemableValue|currency }}
                    </button>
                </form>
            {% elseif loyalty.missingForRedeem > 0 %}
                {% set progress = ((loyalty.balance / loyalty.minRedeemPoints) * 100)|round(0, 'floor') %}
                <div class="rl-progress" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="{{ progress }}" aria-label="Fortschritt bis zur ersten Einlösung"><span style="width: {{ progress }}%"></span></div>
                <p class="rl-cartbox-hint">Noch {{ loyalty.missingForRedeem|number_format(0, ',', '.') }} Punkte, dann kannst du einlösen.</p>
            {% else %}
                <p class="rl-cartbox-hint">Einlösen ist bis zu einem Teil des Warenwerts möglich – leg noch etwas in den Warenkorb.</p>
            {% endif %}
        {% endif %}
    </section>
{% endif %}