@props(['product', 'compact' => false, 'showInquiry' => true])

@php
$card = \App\Support\Cards\ProductCardPresenter::from($product);
$primaryCta = $card['primary_cta'] ?? 'details';
$showPrimaryInquiry = $showInquiry && $primaryCta === 'inquiry';
@endphp

<x-site.cards.smart-card
    variant="product"
    :overlay-link="false"
    @class(array_merge(
    ['eca-smart-card--product'],
    $card['state_classes'] ?? [],
    $compact ? ['eca-smart-card--compact'] : [],
    ))>
    <x-slot:media>
        <a href="{{ $card['url'] }}" class="eca-smart-card__media-link" tabindex="-1" aria-hidden="true">
            <div class="eca-smart-card__media eca-smart-card__media--product site-progressive-media" data-progressive-media>
                @if ($card['image'])
                <img src="{{ $card['image'] }}" alt="{{ $card['name'] }}" class="eca-smart-card__image" loading="lazy" decoding="async" data-progressive-image />
                @else
                <span class="eca-smart-card__placeholder"><span aria-hidden="true">🖼</span>&nbsp;{{ __('site.nav_products') }}</span>
                @endif
            </div>
        </a>
    </x-slot:media>

    <x-slot:badges>
        @foreach ($card['media_badges'] ?? [] as $badge)
        <span @class(['eca-smart-card__chip', 'eca-smart-card__chip--glass', 'eca-smart-card__chip--accent'=> $badge['key'] === 'featured'])>{{ $badge['label'] }}</span>
        @endforeach
        @if ($card['discount_percent'])
        <span class="eca-smart-card__discount eca-smart-card__discount--glass">-{{ $card['discount_percent'] }}%</span>
        @endif
    </x-slot:badges>

    <x-slot:body>
        <a href="{{ $card['url'] }}" class="eca-smart-card__title-link">
            <h3 class="eca-smart-card__title eca-smart-card__title--clamp">{{ $card['name'] }}</h3>
        </a>

        <div class="eca-smart-card__price-block">
            @if ($card['has_price'] ?? false)
            @if ($card['compare_at_price'])
            <span class="eca-smart-card__price-old">{{ $card['compare_at_price'] }}</span>
            @endif
            @if ($card['price'])
            <span class="eca-smart-card__price">{{ $card['price'] }}</span>
            @endif
            @else
            <span class="eca-smart-card__price eca-smart-card__price--inquiry">{{ __('site.card_price_on_inquiry') }}</span>
            @endif
        </div>

        @if ($card['show_rating'] ?? false)
        <p class="eca-smart-card__rating">
            <x-site.svg-icon name="rate" class="eca-smart-card__rating-icon" />
            <span class="eca-smart-card__rating-value">{{ number_format($card['rating'], 1) }}</span>
        </p>
        @endif

        @if ($card['stock_status'] === 'low')
        <p class="eca-smart-card__stock eca-smart-card__stock--low">{{ __('site.card_stock_low', ['count' => $card['stock_quantity']]) }}</p>
        @elseif ($card['stock_status'] === 'in_stock')
        <p class="eca-smart-card__stock eca-smart-card__stock--ok">{{ __('site.card_stock_in') }}</p>
        @else
        <p class="eca-smart-card__stock eca-smart-card__stock--out">{{ __('site.card_stock_out') }}</p>
        @endif

        @if (! empty($card['feature_chips']))
        <ul class="eca-smart-card__feature-chips">
            @foreach (array_slice($card['feature_chips'], 0, 3) as $chip)
            <li class="eca-smart-card__feature-chip">{{ $chip['label'] }}</li>
            @endforeach
        </ul>
        @endif

        @if (! empty($card['trust_chips']))
        <ul class="eca-smart-card__trust-chips">
            @foreach ($card['trust_chips'] as $chip)
            <li class="eca-smart-card__trust-chip">{{ $chip['label'] }}</li>
            @endforeach
        </ul>
        @endif
    </x-slot:body>

    @if ($card['show_ai'] ?? false)
    <x-slot:intelligence>
        <p class="eca-smart-card__ai-bar eca-smart-card__ai-bar--secondary">{{ __('site.card_ai_match', ['percent' => $card['ai_recommendation_percent']]) }}</p>
    </x-slot:intelligence>
    @endif

    <x-slot:footer>
        <div class="eca-smart-card__footer-actions">
            @if ($showPrimaryInquiry)
            <x-site.price-inquiry-trigger :product="$product" class="eca-smart-card__btn eca-smart-card__btn--primary">
                {{ __('site.card_cta_inquiry') }}
            </x-site.price-inquiry-trigger>
            @elseif ($primaryCta === 'request_order')
            <a href="{{ $card['url'] }}" class="eca-smart-card__btn eca-smart-card__btn--primary" aria-label="{{ __('site.card_cta_request_order') }}: {{ $card['name'] }}">
                {{ __('site.card_cta_request_order') }}
            </a>
            @else
            @php
            $detailsLabel = ($card['decision_flags']['out_of_stock'] ?? false)
            ? __('site.card_cta_request_stock')
            : __('site.card_cta_view_details');
            @endphp
            <a href="{{ $card['url'] }}" class="eca-smart-card__btn eca-smart-card__btn--primary" aria-label="{{ $detailsLabel }}: {{ $card['name'] }}">
                {{ $detailsLabel }}
            </a>
            @endif

            @if ($primaryCta !== 'details')
            <a href="{{ $card['url'] }}" class="eca-smart-card__btn eca-smart-card__btn--outline" aria-label="{{ __('site.card_cta_view_details') }}: {{ $card['name'] }}">
                {{ __('site.card_cta_view_details') }}
            </a>
            @endif
        </div>
    </x-slot:footer>
</x-site.cards.smart-card>