@extends('layouts.app')
@section('title', 'উইশলিস্ট — ' . $siteName)

@section('content')
<section class="section">
    <div class="container">
        <div class="sec-header">
            <div class="sec-title-wrap">
                <span class="sec-eyebrow">আপনার পছন্দ</span>
                <h2 class="sec-title">উইশলিস্ট</h2>
                <p class="sec-sub">{{ $products->count() }} টি প্রোডাক্ট আপনার উইশলিস্টে আছে</p>
            </div>
        </div>

        @if($products->isEmpty())
            <div class="empty-state">
                <div><i class="fas fa-heart"></i></div>
                <h3>উইশলিস্ট খালি</h3>
                <p>আপনার পছন্দের প্রোডাক্ট উইশলিস্টে যোগ করুন।</p>
                <a href="{{ route('products.index') }}" class="btn-card btn-card-primary" style="display:inline-flex;padding:.7rem 1.5rem;flex:0;"><i class="fas fa-bag-shopping"></i> শপিং করুন</a>
            </div>
        @else
            <div class="product-grid">
                @foreach($products as $p)
                    @include('components.product-card', ['p' => $p])
                @endforeach
            </div>
        @endif
    </div>
</section>
@endsection