{{-- $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">Astro Bilge</div>
        @endif
        <span class="product-stock-badge {{ $inStock ? 'in-stock' : 'out-of-stock' }}">
            {{ $inStock ? 'Stokta' : 'Tükendi' }}
        </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, ',', '.') }} ₺
            @else
                {{ number_format($minPrice, 2, ',', '.') }} ₺'den başlayan fiyatlarla
            @endif
        </div>

        <a href="{{ route('store.show', $product) }}" class="product-cta-btn">
            <i class="fa-solid fa-eye"></i> Ürünü İncele
        </a>
    </div>
</article>