@props(['urun'])

<div class="product-card bg-white rounded-xl overflow-hidden shadow-md transition duration-300 h-full flex flex-col">
    <div class="relative h-48 group">
        <img src="https://placehold.co/600x400/pink/white?text={{ urlencode($urun->name) }}" 
             alt="{{ $urun->name }}" 
             class="w-full h-full object-cover transition duration-500 group-hover:scale-105">

        @if($urun->is_featured)
        <div class="absolute top-2 right-2 bg-rose-600 text-white text-xs font-bold px-2 py-1 rounded">
            ÖNE ÇIKAN
        </div>
        @endif
    </div>

    <div class="p-4 flex flex-col flex-grow justify-between">
        <div>
            <h3 class="font-bold text-lg mb-1 text-gray-800 line-clamp-1">{{ $urun->name }}</h3>

            <div class="flex items-center mb-2">
                <div class="flex text-amber-400 text-xs">
                    <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                </div>
                <span class="text-gray-400 text-xs ml-1">(0)</span>
            </div>
        </div>

        <div class="flex items-center justify-between mt-2">
            <div class="flex flex-col">
                <span class="text-rose-600 font-bold text-lg">₺{{ number_format($urun->discount_price ?? $urun->price, 2, ',', '.') }}</span>
                @if($urun->discount_price)
                    <span class="text-gray-400 text-xs line-through">₺{{ number_format($urun->price, 2, ',', '.') }}</span>
                @endif
            </div>
<form action="{{ route('cart.add') }}" method="POST" class="inline">
    @csrf
    <input type="hidden" name="product_id" value="{{ $urun->id }}">
    <button type="submit" class="bg-rose-100 hover:bg-rose-200 text-rose-600 w-8 h-8 rounded-full transition flex items-center justify-center" title="Sepete Ekle">
        <i class="fas fa-plus"></i>
    </button>
</form>
        </div>
    </div>
</div>