@php /** @var \App\Models\Product $product */ @endphp
<div class="product-card d-flex flex-column position-relative">
    @if($product->on_sale)
        <span class="badge-sale">-{{ $product->discount_percent }}% {{ __('Off') }}</span>
    @endif

    <a href="{{ route('product.show', $product->slug) }}" class="d-block position-relative">
        <img src="{{ $product->thumbnail_url }}" alt="{{ $product->title }}" class="thumb" loading="lazy">
    </a>

    <div class="p-3 d-flex flex-column flex-grow-1">
        @if($product->category)
            <div class="small text-muted mb-1">{{ $product->category->title }}</div>
        @endif
        <a href="{{ route('product.show', $product->slug) }}" class="p-title mb-2">{{ $product->title }}</a>

        <div class="mt-auto">
            <div class="d-flex align-items-baseline gap-2 mb-2">
                <span class="price-now">{{ money($product->current_price) }}</span>
                @if($product->on_sale)<span class="price-old">{{ money($product->price) }}</span>@endif
            </div>

            @if($product->in_stock)
                @if($product->has_variations)
                    <a href="{{ route('product.show', $product->slug) }}" class="btn btn-primary btn-sm w-100">
                        <i class="bi bi-eye me-1"></i>{{ __('Buy Now') }}
                    </a>
                @else
                    <form action="{{ route('cart.add') }}" method="POST">
                        @csrf
                        <input type="hidden" name="product_id" value="{{ $product->id }}">
                        <button type="submit" class="btn btn-primary btn-sm w-100">
                            <i class="bi bi-cart-plus me-1"></i>{{ __('Add to Cart') }}
                        </button>
                    </form>
                @endif
            @else
                <button class="btn btn-secondary btn-sm w-100" disabled>{{ __('Out of Stock') }}</button>
            @endif
        </div>
    </div>
</div>