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

{# Kündigungsbutton nach § 312k BGB: ohne Anmeldung erreichbar, Bestätigungsseite mit
   Knopf „Jetzt kündigen“, danach Bestätigung mit Datum und Uhrzeit plus E-Mail in Textform. #}
{% block base_content %}
    <div class="container rz-abo-cancel-page">
        {% if done is null %}
            <div class="rz-page-head">
                <h1>Abo kündigen</h1>
                <p>Hier kündigst du dein Riccardo-Abo. Die Kündigung gilt sofort, bereits ausgelöste Bestellungen bleiben bestehen.</p>
            </div>

            <form action="{{ path('frontend.riccardo.abo.cancel.submit') }}" method="post" class="rz-abo-cancel-form">
                {% if context.customer is not null and not context.customer.guest %}
                    <p>Angemeldet als <strong>{{ context.customer.email }}</strong>.</p>
                    {% if abos is empty %}
                        <p class="rz-abo-cancel-none">Zu deinem Konto läuft derzeit kein Abo.</p>
                    {% else %}
                        <fieldset>
                            <legend>Welches Abo möchtest du kündigen?</legend>
                            <label class="rz-abo-cancel-option"><input type="radio" name="aboId" value="alle" checked> Alle laufenden Abos ({{ abos|length }})</label>
                            {% for abo in abos %}
                                <label class="rz-abo-cancel-option"><input type="radio" name="aboId" value="{{ abo.id }}"> {{ abo.number }} – {{ abo.productName }} ({{ abo.quantity }} Stück, alle {{ abo.intervalWeeks }} Wochen)</label>
                            {% endfor %}
                        </fieldset>
                    {% endif %}
                {% else %}
                    <p>Du bist nicht angemeldet. Gib die E-Mail-Adresse deines Kundenkontos und die Abo-Nummer an (steht in der Bestellbestätigung und im Kundenkonto unter „Meine Abos“). Alternativ <a href="{{ path('frontend.account.login.page', {redirectTo: 'frontend.riccardo.abo.cancel.page'}) }}">anmelden</a>.</p>
                    <div class="rz-abo-cancel-grid">
                        <label>E-Mail-Adresse <input type="email" name="email" class="form-control" required autocomplete="email"></label>
                        <label>Abo-Nummer <input type="text" name="number" class="form-control" placeholder="ABO-123456" required></label>
                    </div>
                {% endif %}

                <label class="rz-abo-cancel-reason">Grund (freiwillig)
                    <input type="text" name="reason" class="form-control" maxlength="255">
                </label>

                {% if not (context.customer is not null and not context.customer.guest and abos is empty) %}
                    <button type="submit" class="btn btn-primary btn-lg rz-abo-cancel-submit">Jetzt kündigen</button>
                {% endif %}
                <p class="rz-abo-cancel-small">Du erhältst sofort eine Bestätigung auf dieser Seite und per E-Mail.</p>
            </form>
        {% else %}
            <div class="rz-page-head">
                <h1>{% if done.cancelled is not empty %}Kündigung bestätigt{% else %}Kündigung nicht möglich{% endif %}</h1>
            </div>
            {% if done.cancelled is not empty %}
                <div class="rz-abo-cancel-done">
                    <p>Deine Kündigung ist am <strong>{{ done.when|date('d.m.Y') }}</strong> um <strong>{{ done.when|date('H:i') }} Uhr</strong> bei uns eingegangen und wirkt sofort.</p>
                    <ul>
                        {% for abo in done.cancelled %}
                            <li>{{ abo.number }} – {{ abo.productName }} ({{ abo.quantity }} Stück, alle {{ abo.intervalWeeks }} Wochen)</li>
                        {% endfor %}
                    </ul>
                    <p>Eine Bestätigung haben wir an <strong>{{ done.email }}</strong> geschickt. Bitte bewahre sie auf.</p>
                    <a class="btn btn-primary" href="{{ path('frontend.home.page') }}">Zurück zum Shop</a>
                </div>
            {% else %}
                <div class="alert alert-danger">{{ done.error }}</div>
                <a class="btn btn-primary" href="{{ path('frontend.riccardo.abo.cancel.page') }}">Noch einmal versuchen</a>
            {% endif %}
        {% endif %}
    </div>
{% endblock %}