{% import '@RiccardoTheme/storefront/rz/flavor.html.twig' as rz %}
{#
 # Deal-Karte. Erwartet: item = { deal, product, dealPrice, regularPrice }
 #}
{% set deal = item.deal %}
{% set product = item.product %}
{% set cf = product.translated.customFields|default({}) %}
{% set rdColor = cf.rz_color is defined and cf.rz_color ? cf.rz_color : '' %}
{% set rdLabel = deal.qualifyingLabel ?: ('riccardoDeals.defaultLabel'|trans) %}
{% set rdUrl = seoUrl('frontend.detail.page', { productId: product.id }) %}
{# gleiche Namensaufteilung wie auf den Produktkarten: 0 = Marke, 1 = Name, 2 = Zusatz #}
{% set rdName = rz.nameParts(product, false)|split('|') %}
{% set rdParts = rdName|slice(1)|filter(v => v) %}
{% set rdSaving = item.regularPrice - item.dealPrice %}

<article class="rd-deal{% if rdColor %} has-flavor{% endif %}{% if deal.behavior == 'block_checkout' %} is-strict{% endif %}"{% if rdColor %} style="--flavor: {{ rdColor }}"{% endif %}>
    <div class="rd-deal-top">
        <span class="rd-deal-badge">{{ deal.badge ?: ('riccardoDeals.badge'|trans) }}</span>
        {% if deal.validUntil %}
            <span class="rd-deal-until">bis {{ deal.validUntil|format_datetime(pattern: "EEE, dd.MM., HH:mm 'Uhr'", locale: 'de', timezone: 'Europe/Berlin') }}</span>
        {% endif %}
    </div>

    <a class="rd-deal-media" href="{{ rdUrl }}" title="{{ product.translated.name }}">
        {% if product.cover.media %}
            {% sw_thumbnails 'rd-deal-image' with { media: product.cover.media, sizes: { default: '360px' }, attributes: { class: 'rd-deal-img', alt: product.translated.name, loading: 'lazy' } } %}
        {% endif %}
        <span class="rd-deal-sticker" aria-hidden="true">
            {% if item.dealPrice <= 0 %}<strong>Gratis</strong>{% else %}<small>nur</small><strong>{{ item.dealPrice|number_format(2, ',', '.') }}</strong><small>Euro</small>{% endif %}
        </span>
    </a>

    <div class="rd-deal-body">
        <span class="rd-deal-brand">{{ rdName|first }}</span>
        <h3 class="rd-deal-name"><a href="{{ rdUrl }}">{{ rdParts|first }}</a></h3>
        {% if rdParts|length > 1 %}<span class="rd-deal-sub">{{ rdParts|slice(1)|join(' · ') }}</span>{% endif %}

        <div class="rd-deal-price">
            <strong>{{ item.dealPrice|currency }}</strong>
            <s>{{ item.regularPrice|currency }}</s>
            {% if rdSaving > 0 %}<span class="rd-deal-save">du sparst {{ rdSaving|currency }}</span>{% endif %}
        </div>

        <p class="rd-deal-cond">
            <span class="rd-deal-cond-value">ab {{ deal.minQualifyingValue|currency }}</span>
            aus <strong>{{ rdLabel }}</strong> im Warenkorb{% if deal.minMargin %}*{% endif %}
        </p>
        <ul class="rd-deal-facts">
            <li>max. {{ deal.maxQuantity }} Stück pro Bestellung</li>
            <li>{{ deal.behavior == 'block_checkout' ? 'bestellbar ab Mindestumsatz' : 'bis dahin regulärer Preis' }}</li>
        </ul>

        <div class="rd-deal-action">
            {% sw_include '@Storefront/storefront/component/product/card/action.html.twig' with { product: product } %}
        </div>
    </div>
</article>