@extends('layouts.app')

@section('content')
    <div class="custom-cursor">

        @include('layouts.components.cursor-and-preloader')
        <!-- /cursor and preloader -->





        <div class="page-wrapper">



            @include('layouts.header')


            <div class="stricky-header stricked-menu main-menu">
                <div class="sticky-header__content"></div>
                <!-- /.sticky-header__content -->
            </div>
            <!-- /.stricky-header -->


            <!--Page Header Start-->
            @include('layouts.components.page-header', [
                'page_title' => 'Wishlist',
            ])
            <!--Page Header End-->

            <!--Start Cart Page-->
            <section class="wishlist-page">
                <div class="container">
                    <div class="table-responsive-box">
                        <table class="wishlist-table">
                            <tbody>
                                <tr>
                                    <td>
                                        <div class="product-box">
                                            <div class="img-box">
                                                <img src="assets/images/shop/wishlist-page-img-1.jpg" alt="">
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="product-name-select-box">
                                            <div class="product-name">
                                                <h4>Classy chair</h4>
                                                <p>$50.00</p>
                                            </div>
                                            <div class="product-select">
                                                <a href="{{ route('products-details') }}" class="thm-btn wishlist-page__btn">Select
                                                    Product<span><i class="icon-arrow-right"></i></span></a>
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="cross-icon">
                                            <i class="fas fa-times remove-icon"></i>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="product-box">
                                            <div class="img-box">
                                                <img src="assets/images/shop/wishlist-page-img-2.jpg" alt="">
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="product-name-select-box">
                                            <div class="product-name">
                                                <h4>Comfy chair</h4>
                                                <p>$90.00</p>
                                            </div>
                                            <div class="product-select">
                                                <div class="product-select">
                                                    <a href="{{ route('products-details') }}" class="thm-btn wishlist-page__btn">Select
                                                        Product<span><i class="icon-arrow-right"></i></span></a>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="cross-icon">
                                            <i class="fas fa-times remove-icon"></i>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="product-box">
                                            <div class="img-box">
                                                <img src="assets/images/shop/wishlist-page-img-3.jpg" alt="">
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="product-name-select-box">
                                            <div class="product-name">
                                                <h4>Boss chair</h4>
                                                <p>$60.00</p>
                                            </div>
                                            <div class="product-select">
                                                <div class="product-select">
                                                    <a href="{{ route('products-details') }}" class="thm-btn wishlist-page__btn">Select
                                                        Product<span><i class="icon-arrow-right"></i></span></a>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="cross-icon">
                                            <i class="fas fa-times remove-icon"></i>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="product-box">
                                            <div class="img-box">
                                                <img src="assets/images/shop/wishlist-page-img-4.jpg" alt="">
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="product-name-select-box">
                                            <div class="product-name">
                                                <h4>Sofa chair</h4>
                                                <p>$170.00</p>
                                            </div>
                                            <div class="product-select">
                                                <div class="product-select">
                                                    <a href="{{ route('products-details') }}" class="thm-btn wishlist-page__btn">Select
                                                        Product<span><i class="icon-arrow-right"></i></span></a>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="cross-icon">
                                            <i class="fas fa-times remove-icon"></i>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </section>
            <!--End Cart Page-->

            <!--Site Footer Start-->
            @include('layouts.footer')
            <!--Site Footer End-->

        </div>
        <!-- /.page-wrapper -->


    </div>
@endsection