@extends('layouts.app')

@section('content')
<nav class="dsdsd" aria-label="breadcrumb">
    <div class="container">
        <ol class="breadcrumb custom-breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>

            <li class="breadcrumb-item active" aria-current="page">Wishlist</li>
        </ol>
    </div>
</nav>

<!-- Wish list -->
<section class="flat-spacing-13">
    <div class="container">
        <div class="wrapper-wishlist tf-grid-layout tf-col-2 lg-col-3 xl-col-4">

            <div class="card-product style-wishlist style-3 card-product-size">
                <i class="icon icon-close remove"></i>
                <div class="card-product-wrapper">
                    <a href="product-detial.php" class="product-img">
                        <img class="img-product lazyload"
                            data-src="{{ asset('assets/img/grey_blackout_roller_fully_closed_-_bedroom_23_.png') }}"
                            src="{{ asset('assets/img/grey_blackout_roller_fully_closed_-_bedroom_23_.png') }}" alt="image-product">
                        <img class="img-hover lazyload"
                            data-src="{{ asset('assets/img/grey_blackout_roller_fully_closed_-_bedroom_23_.png') }}"
                            src="{{ asset('assets/img/grey_blackout_roller_fully_closed_-_bedroom_23_.png') }}" alt="image-product">
                    </a>
                    <ul class="list-product-btn">
                        <li>
                            <a href="cart.php" class="box-icon hover-tooltip">
                                <span class="icon icon-cart2"></span>
                                <span class="tooltip">Add to Cart</span>
                            </a>
                        </li>

                    </ul>
                </div>
                <div class="card-product-info">
                    <a href="product-detial.php" class="name-product link fw-medium text-md">Premier Bright White
                    </a>
                    <p class="price-wrap fw-medium">
                        <span class="price-new">£5.96</span>
                        <span class="price-old">£7.95</span>
                    </p>

                </div>
            </div>

            <div class="card-product style-wishlist style-3 card-product-size">
                <i class="icon icon-close remove"></i>
                <div class="card-product-wrapper">
                    <a href="product-detial.php" class="product-img">
                        <img class="img-product lazyload"
                            data-src="{{ asset('assets/img/grey_blackout_roller_fully_closed_-_bedroom_23_.png') }}"
                            src="{{ asset('assets/img/grey_blackout_roller_fully_closed_-_bedroom_23_.png') }}" alt="image-product">
                        <img class="img-hover lazyload"
                            data-src="{{ asset('assets/img/grey_blackout_roller_fully_closed_-_bedroom_23_.png') }}"
                            src="{{ asset('assets/img/grey_blackout_roller_fully_closed_-_bedroom_23_.png') }}" alt="image-product">
                    </a>
                    <ul class="list-product-btn">
                        <li>
                            <a href="cart.php" class="box-icon hover-tooltip">
                                <span class="icon icon-cart2"></span>
                                <span class="tooltip">Add to Cart</span>
                            </a>
                        </li>

                    </ul>
                </div>
                <div class="card-product-info">
                    <a href="product-detial.php" class="name-product link fw-medium text-md">Premier Bright White
                    </a>
                    <p class="price-wrap fw-medium">
                        <span class="price-new">£5.96</span>
                        <span class="price-old">£7.95</span>
                    </p>

                </div>
            </div>

            <div class="card-product style-wishlist style-3 card-product-size">
                <i class="icon icon-close remove"></i>
                <div class="card-product-wrapper">
                    <a href="product-detial.php" class="product-img">
                        <img class="img-product lazyload"
                            data-src="{{ asset('assets/img/grey_blackout_roller_fully_closed_-_bedroom_23_.png') }}"
                            src="{{ asset('assets/img/grey_blackout_roller_fully_closed_-_bedroom_23_.png') }}" alt="image-product">
                        <img class="img-hover lazyload"
                            data-src="{{ asset('assets/img/grey_blackout_roller_fully_closed_-_bedroom_23_.png') }}"
                            src="{{ asset('assets/img/grey_blackout_roller_fully_closed_-_bedroom_23_.png') }}" alt="image-product">
                    </a>
                    <ul class="list-product-btn">
                        <li>
                            <a href="cart.php" class="box-icon hover-tooltip">
                                <span class="icon icon-cart2"></span>
                                <span class="tooltip">Add to Cart</span>
                            </a>
                        </li>

                    </ul>
                </div>
                <div class="card-product-info">
                    <a href="product-detial.php" class="name-product link fw-medium text-md">Premier Bright White
                    </a>
                    <p class="price-wrap fw-medium">
                        <span class="price-new">£5.96</span>
                        <span class="price-old">£7.95</span>
                    </p>

                </div>
            </div>

            <div class="card-product style-wishlist style-3 card-product-size">
                <i class="icon icon-close remove"></i>
                <div class="card-product-wrapper">
                    <a href="product-detial.php" class="product-img">
                        <img class="img-product lazyload"
                            data-src="{{ asset('assets/img/grey_blackout_roller_fully_closed_-_bedroom_23_.png') }}"
                            src="{{ asset('assets/img/grey_blackout_roller_fully_closed_-_bedroom_23_.png') }}" alt="image-product">
                        <img class="img-hover lazyload"
                            data-src="{{ asset('assets/img/grey_blackout_roller_fully_closed_-_bedroom_23_.png') }}"
                            src="{{ asset('assets/img/grey_blackout_roller_fully_closed_-_bedroom_23_.png') }}" alt="image-product">
                    </a>
                    <ul class="list-product-btn">
                        <li>
                            <a href="cart.php" class="box-icon hover-tooltip">
                                <span class="icon icon-cart2"></span>
                                <span class="tooltip">Add to Cart</span>
                            </a>
                        </li>

                    </ul>
                </div>
                <div class="card-product-info">
                    <a href="product-detial.php" class="name-product link fw-medium text-md">Premier Bright White
                    </a>
                    <p class="price-wrap fw-medium">
                        <span class="price-new">£5.96</span>
                        <span class="price-old">£7.95</span>
                    </p>

                </div>
            </div>

            <div class="card-product style-wishlist style-3 card-product-size">
                <i class="icon icon-close remove"></i>
                <div class="card-product-wrapper">
                    <a href="product-detial.php" class="product-img">
                        <img class="img-product lazyload"
                            data-src="{{ asset('assets/img/grey_blackout_roller_fully_closed_-_bedroom_23_.png') }}"
                            src="{{ asset('assets/img/grey_blackout_roller_fully_closed_-_bedroom_23_.png') }}" alt="image-product">
                        <img class="img-hover lazyload"
                            data-src="{{ asset('assets/img/grey_blackout_roller_fully_closed_-_bedroom_23_.png') }}"
                            src="{{ asset('assets/img/grey_blackout_roller_fully_closed_-_bedroom_23_.png') }}" alt="image-product">
                    </a>
                    <ul class="list-product-btn">
                        <li>
                            <a href="cart.php" class="box-icon hover-tooltip">
                                <span class="icon icon-cart2"></span>
                                <span class="tooltip">Add to Cart</span>
                            </a>
                        </li>

                    </ul>
                </div>
                <div class="card-product-info">
                    <a href="product-detial.php" class="name-product link fw-medium text-md">Premier Bright White
                    </a>
                    <p class="price-wrap fw-medium">
                        <span class="price-new">£5.96</span>
                        <span class="price-old">£7.95</span>
                    </p>

                </div>
            </div>

            <div class="card-product style-wishlist style-3 card-product-size">
                <i class="icon icon-close remove"></i>
                <div class="card-product-wrapper">
                    <a href="product-detial.php" class="product-img">
                        <img class="img-product lazyload"
                            data-src="{{ asset('assets/img/grey_blackout_roller_fully_closed_-_bedroom_23_.png') }}"
                            src="{{ asset('assets/img/grey_blackout_roller_fully_closed_-_bedroom_23_.png') }}" alt="image-product">
                        <img class="img-hover lazyload"
                            data-src="{{ asset('assets/img/grey_blackout_roller_fully_closed_-_bedroom_23_.png') }}"
                            src="{{ asset('assets/img/grey_blackout_roller_fully_closed_-_bedroom_23_.png') }}" alt="image-product">
                    </a>
                    <ul class="list-product-btn">
                        <li>
                            <a href="cart.php" class="box-icon hover-tooltip">
                                <span class="icon icon-cart2"></span>
                                <span class="tooltip">Add to Cart</span>
                            </a>
                        </li>

                    </ul>
                </div>
                <div class="card-product-info">
                    <a href="product-detial.php" class="name-product link fw-medium text-md">Premier Bright White
                    </a>
                    <p class="price-wrap fw-medium">
                        <span class="price-new">£5.96</span>
                        <span class="price-old">£7.95</span>
                    </p>

                </div>
            </div>

            <ul class="wg-pagination">
                <li class="active">
                    <div class="pagination-item">1</div>
                </li>

                <li>
                    <a href="#" class="pagination-item"><i class="icon-arr-right2"></i></a>
                </li>
            </ul>
        </div>
    </div>
</section>
<!-- /Wish list-->

@endsection