@extends('front.layout.app')
@section('title', 'Wishlist Page')
@section('content')
    <div class="container">
        <h1>Your Wishlist</h1>

        @if($products->isEmpty())
            <p>Your wishlist is empty.</p>
        @else
            <ul>
                @foreach($products as $product)
                    <li>
                        <img
                        src="{{ $product->getFirstMediaUrl('product_image', 'thumb') ?: asset('upload/No-Image.png') }}"
                        alt="{{ $product->name }}"
                        class="img-fluid">
                        <h3>{{ $product->name }}</h3>
                        <p>{{ $product->description }}</p>
                        <p>&dollar;{{ number_format($product->price, 2) }}</p>
                    </li>
                @endforeach
            </ul>
        @endif
    </div>
@endsection