{{-- $product: Product --}}
@php
    $primary = $product->images->firstWhere('is_primary', true) ?? $product->images->first();
    [$minPrice, $maxPrice] = $product->effectivePriceRange();
    $inStock = $product->isInStock();
@endphp
<article class="product-card h-100">
    <a href="{{ route('store.show', $product) }}" class="product-card-image-link" aria-label="{{ $product->name }}">
        @if ($primary)
            <img src="{{ asset($primary->path) }}" alt="{{ $product->name }}" class="product-card-image">
        @else
            <div class="product-card-image product-card-image-placeholder">{{ config('app.name', 'Astro Sabio') }}</div>
        @endif
        <span class="product-stock-badge {{ $inStock ? 'in-stock' : 'out-of-stock' }}">
            {{ $inStock ? t('in_stock', 'En Stock') : t('out_of_stock', 'Agotado') }}
        </span>
    </a>

    <div class="product-card-body">
        @if ($product->category)
            <span class="product-category-badge">{{ $product->category->name }}</span>
        @endif

        <h3 class="product-card-title">
            <a href="{{ route('store.show', $product) }}">{{ $product->name }}</a>
        </h3>

        @if ($product->short_description)
            <p class="product-card-excerpt">{{ \Illuminate\Support\Str::limit($product->short_description, 90) }}</p>
        @endif

        <div class="product-card-price">
            @if ($minPrice == $maxPrice)
                {{ number_format($minPrice, 2, ',', '.') }} {{ t('currency', '€') }}
            @else
                {{ t('from_price', 'Desde :price :curr', ['price' => number_format($minPrice, 2, ',', '.'), 'curr' => t('currency', '€')]) }}
            @endif
        </div>

        <a href="{{ route('store.show', $product) }}" class="product-cta-btn">
            <i class="fa-solid fa-eye"></i> {{ t('view_product', 'Ver Producto') }}
        </a>
    </div>
</article>