@extends('front.layout.app')
@section('content')
<div class="mouse-cursor cursor-outer"></div>
<div class="mouse-cursor cursor-inner"></div>


<section class="customization customization-cart">
    <div class="container">

        <h2 class="heading heading--sm heading--border text-center mb-5">My favorites</h2>

        <div class="row justify-content-center">
            <div class="col-9">
                <div class="product-card">
                    <img src="{{asset('assets/images/product.png')}}" alt="Outfit Image" class="product-image">
                    <div class="product-details">
                        <h3 class="product-name">(name of outfit)</h3>
                        <div class="product-price">
                            <span class="product-date">June 21, 2023</span>
                            <div>
                                <span class="new-price">₦12,000</span>
                                <span class="old-price">₦21,000</span>
                            </div>
                        </div>
                    </div>
                    <button class="themeBtn">ADD TO CART</button>
                    <span class="close-btn">×</span>
                </div>
            </div>
            <div class="col-9">
                <div class="product-card">
                    <img src="{{asset('assets/images/product.png')}}" alt="Outfit Image" class="product-image">
                    <div class="product-details">
                        <h3 class="product-name">(name of outfit)</h3>
                        <div class="product-price">
                            <span class="product-date">June 21, 2023</span>
                            <div>
                                <span class="new-price">₦12,000</span>
                                <span class="old-price">₦21,000</span>
                            </div>
                        </div>
                    </div>
                    <button class="themeBtn">ADD TO CART</button>
                    <span class="close-btn">×</span>
                </div>
            </div>
            <div class="col-9">
                <div class="product-card">
                    <img src="{{asset('assets/images/product.png')}}" alt="Outfit Image" class="product-image">
                    <div class="product-details">
                        <h3 class="product-name">(name of outfit)</h3>
                        <div class="product-price">
                            <span class="product-date">June 21, 2023</span>
                            <div>
                                <span class="new-price">₦12,000</span>
                                <span class="old-price">₦21,000</span>
                            </div>
                        </div>
                    </div>
                    <button class="themeBtn">ADD TO CART</button>
                    <span class="close-btn">×</span>
                </div>
            </div>

            <div class="col-9">
                <div class="product-card">
                    <img src="{{asset('assets/images/product.png')}}" alt="Outfit Image" class="product-image">
                    <div class="product-details">
                        <h3 class="product-name">(name of outfit)</h3>
                        <div class="product-price">
                            <span class="product-date">June 21, 2023</span>
                            <div>
                                <span class="new-price">₦12,000</span>
                                <span class="old-price">₦21,000</span>
                            </div>
                        </div>
                    </div>
                    <button class="themeBtn soldBtn">SOLD OUT</button>
                    <span class="close-btn">×</span>
                </div>
            </div>


        </div>


        <div class="row justify-content-center">
            <div class="col-md-5">
                <div class="successCard text-center">
                    <img src="{{asset('assets/images/empty.png')}}" alt="image">
                    <h2 class="biling-heading">Your wishlist is empty</h2>
                    <p>You don’t have any product in the wishlist yet. you will find a lot of
                        interesting products on our page.</p>
                    <button class="themeBtn">RETURN TO SHOP</button>

                </div>
            </div>
        </div>

    </div>
</section>
@endsection