{{-- Products Block --}}
@props(['block'])

@php
    $settings = $block->settings ?? [];
    $category = $settings['category_id'] ?? null;
    $maxProducts = $settings['max_products'] ?? 8;
    $title = $settings['title'] ?? __('store.Featured Products');
    
    $productsQuery = \App\Models\Product::where('available', true);
    if ($category) {
        $productsQuery->where('category_id', $category);
    }
    $products = $productsQuery->take($maxProducts)->get();
@endphp

<div class="my-12" data-block-id="{{ $block->id }}" data-block-type="products">
    <div class="text-center mb-8">
        <h2 class="text-3xl font-bold text-gray-900 dark:text-white">{{ $title }}</h2>
    </div>
    
    <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
        @foreach($products as $product)
            <div class="bg-white dark:bg-gray-800 rounded-lg shadow-lg overflow-hidden group">
                @if($product->picture)
                    <img src="{{ $product->picture }}" alt="{{ $product->product_name }}" class="w-full h-48 object-cover group-hover:scale-110 transition duration-300">
                @endif
                
                <div class="p-4">
                    <h3 class="font-bold text-gray-900 dark:text-white mb-2">{{ $product->product_name }}</h3>
                    <p class="text-coffee-600 font-bold text-xl mb-4">{{ number_format($product->product_price) }} {{ __('store.EGP') }}</p>
                    <button class="w-full bg-coffee-600 text-white py-2 rounded-lg hover:bg-coffee-700 transition">
                        {{ __('store.Add to Cart') }}
                    </button>
                </div>
            </div>
        @endforeach
    </div>
</div>