{{--
    Promotion Badge Component
    
    Renders a promotional badge with configurable style based on site config.
    
    @param string $type - 'offer' | 'discount'
    @param string $label - Badge text (e.g., "خصم 20%" or "عرض خاص")
    @param string|null $style - Optional style override (ribbon, floating, banner, corner, pulse, gradient, minimal, neon)
--}}
@php
    $resolvedStyle = $resolveStyle();
    $typeClass = $type === 'discount' ? 'promotion-badge--discount' : 'promotion-badge--offer';
@endphp

{{-- Load the CSS file once per unique badge style --}}
@pushOnce('styles', "badge-{$resolvedStyle}")
    <link rel="stylesheet" href="{{ vasset("css/badges/badge-{$resolvedStyle}.css") }}">
@endPushOnce

<div class="promotion-badge promotion-badge--{{ $resolvedStyle }} {{ $typeClass }}" data-type="{{ $type }}">
    <span class="promotion-badge__label">{{ $label }}</span>
</div>