{# Persönliches Angebot – wird per JavaScript nachgeladen (nicht cachebar) #}
<div class="rz-offer"
     data-rz-offer-banner
     {% if expiresAt %}data-rz-offer-expires="{{ expiresAt|date('c') }}"{% endif %}>
    {% if offer.badge %}
        <span class="rz-offer-badge">{{ offer.badge }}</span>
    {% endif %}

    <div class="rz-offer-copy">
        <strong class="rz-offer-headline">{{ offer.headline }}</strong>
        {% if offer.description %}
            <span class="rz-offer-text">{{ offer.description }}</span>
        {% endif %}
    </div>

    {% if offer.code %}
        <button type="button" class="rz-offer-code" data-rz-offer-copy="{{ offer.code }}"
                title="Code kopieren" aria-label="Code {{ offer.code }} kopieren">
            <span class="rz-offer-code-value">{{ offer.code }}</span>
            <span class="rz-offer-code-hint" data-rz-offer-copy-hint>kopieren</span>
        </button>
    {% endif %}

    {% if expiresAt %}
        {# Ohne JavaScript steht hier die Restzeit in Stunden und Minuten,
           mit JavaScript läuft die Sekundenanzeige mit. #}
        {% set rzHours = (secondsLeft // 3600) %}
        {% set rzMinutes = ((secondsLeft % 3600) // 60) %}
        <span class="rz-offer-countdown">
            <span class="rz-offer-countdown-label">Noch</span>
            <time class="rz-offer-countdown-value" data-rz-offer-clock datetime="{{ expiresAt|date('c') }}">
                {%- if secondsLeft > 172800 -%}
                    {{ (secondsLeft // 86400) }} Tage
                {%- else -%}
                    {{ rzHours }}:{{ '%02d'|format(rzMinutes) }} Std.
                {%- endif -%}
            </time>
        </span>
    {% endif %}

    <form class="rz-offer-actions" action="{{ path('frontend.riccardo.offer.redeem') }}" method="post">
        <button class="btn btn-primary rz-offer-redeem" type="submit">Jetzt einlösen</button>
        {% if offer.linkPath %}
            <a class="rz-offer-link" href="{{ offer.linkPath }}">Passende Artikel</a>
        {% endif %}
    </form>
</div>