@props(['product'])

@php
    $primaryImage = $product->primaryImage();
    $imageUrl = $primaryImage?->image_path ? asset('storage/' . $primaryImage->image_path) : asset('images/placeholder.png');
    $currentPrice = $product->currentPrice();
    $rating = $product->averageRating();
    $fullStars = floor($rating);
    $hasHalf = ($rating - $fullStars) >= 0.5;
@endphp

<div class="ls-product-card">
    {{-- Badge --}}
    @if($product->badge_visible && $product->badge_text)
        <span class="ls-product-badge" style="background-color: {{ $product->badge_color ?? '#28a745' }}">
            {{ $product->badge_text }}
        </span>
    @endif

    {{-- Product Image --}}
    <a href="{{ route('product.show', $product->slug) }}" class="ls-product-img d-block">
        <img src="{{ $imageUrl }}" alt="{{ $product->name }}" loading="lazy">
    </a>

    {{-- Rating & Quick View --}}
    <div class="ls-product-img-overlay">
        <div class="ls-product-rating">
            @for($i = 1; $i <= 5; $i++)
                @if($i <= $fullStars)
                    <i class="bi bi-star-fill"></i>
                @elseif($i == $fullStars + 1 && $hasHalf)
                    <i class="bi bi-star-half"></i>
                @else
                    <i class="bi bi-star"></i>
                @endif
            @endfor
            <span class="text-muted ms-1" style="font-size:0.75rem">({{ $product->reviews_count ?? 0 }})</span>
        </div>
        <button class="ls-quick-view-btn" title="কুইক ভিউ"
                onclick="openQuickView({{ $product->id }})">
            <i class="bi bi-eye"></i>
        </button>
    </div>

    {{-- Product Info --}}
    <div class="ls-product-info">
        {{-- Title --}}
        <h3 class="ls-product-title">
            <a href="{{ route('product.show', $product->slug) }}">{{ $product->name }}</a>
        </h3>

        {{-- Price --}}
        <div class="ls-product-price">
            <span class="ls-price-current">৳{{ number_format($currentPrice, 0) }}</span>
            @if($product->isOnSale())
                <span class="ls-price-old">৳{{ number_format($product->regular_price, 0) }}</span>
                <span class="ls-price-discount">-{{ $product->discountPercent() }}%</span>
            @endif
        </div>

        {{-- Quick Order Button --}}
        <button class="ls-quick-order-btn"
                onclick="openQuickOrderModal({
                    id: {{ $product->id }},
                    name: '{{ addslashes($product->name) }}',
                    price: {{ $currentPrice }},
                    image: '{{ $imageUrl }}'
                })">
            <i class="bi bi-lightning-charge-fill me-1"></i>দ্রুত অর্ডার করুন
        </button>
    </div>

    {{-- Action Buttons --}}
    <div class="ls-product-actions">
        <button onclick="toggleWishlist({{ $product->id }})" title="উইশলিস্ট">
            <i class="bi bi-heart"></i>
            <span class="d-none d-sm-inline">উইশলিস্ট</span>
        </button>
        <button onclick="toggleCompare({{ $product->id }})" title="তুলনা">
            <i class="bi bi-arrow-left-right"></i>
            <span class="d-none d-sm-inline">তুলনা</span>
        </button>
        <button onclick="addToCart({{ $product->id }})" title="কার্ট">
            <i class="bi bi-cart-plus"></i>
            <span class="d-none d-sm-inline">কার্ট</span>
        </button>
    </div>
</div>