@extends('pages.layouts.app')
@section('content')




<div class="main-page-wrapper">
<!-- MAIN CONTENT AREA -->
<div class="container">
<div class="row content-layout-wrapper align-items-start">

    <div class="site-content col-lg-12 col-12 col-md-12" role="main">

        <article id="post-14" class="post-14 page type-page status-publish hentry">
            <div class="entry-content">
                <div  class="elementor elementor-14">



                    <div class="elementor-element elementor-element-71968a04 slider elementor-arrows-position-inside elementor-widget elementor-widget-image-carousel mb-5" style="margin-bottom: 3rem !important">
                        <div class="elementor-widget-container">
                            <div class="elementor-image-carousel-wrapper swiper" role="region" aria-roledescription="carousel" aria-label="Image Carousel" dir="ltr">
                                <div class="swiper-wrapper" aria-live="off">
                                    @foreach ($ads as $ad)

                                    <div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="Slide {{ $loop->iteration }}">
                                        @if ($ad && $ad->product_id)
                                            <a href="{{ route('productDetails', $ad->product_id) }}">
                                        @else
                                            <a href="#">
                                        @endif
                                            <figure class="swiper-slide-inner">
                                                <img class="swiper-slide-image img-fluid" src="{{ asset('storage/' . $ad->image) }}" alt="Ad {{ $loop->iteration }}">
                                            </figure>
                                        </a>
                                    </div>


                                    @endforeach
                                </div>
                                <!-- Navigation Buttons -->
                                <div class="swiper-button-prev"></div>
                                <div class="swiper-button-next"></div>
                            </div>
                        </div>
                    </div>






                    <div class="elementor-element elementor-element-7568552 e-flex e-con-boxed e-con e-parent" ">
                        <div class="e-con-inner">
                            <div class="elementor-element elementor-element-2d3e32a e-con-full e-flex e-con e-child" >
                                <div class="elementor-element elementor-element-92fe419 elementor-widget elementor-widget-wd_slider" >
                                    <div class="elementor-widget-container">


                                        <div id="slider-330"  class="wd-slider wd-carousel-container wd-anim-slide wd-section-container">
                                            <div class="wd-carousel-inner">
                                                <div class="wd-carousel wd-grid"  style="--wd-col-lg:1;--wd-col-md:1;--wd-col-sm:1;">
                                                    <div class="wd-carousel-wrap ">

                                                        @forelse ($randomfiveproducts as $randomfiveproduct)
                                                        <a href="{{ route('productDetails', $randomfiveproduct->id) }}">
                                                        <div id="slide-169" class="wd-slide wd-carousel-item woodmart-loaded">
                                                            <div class="container wd-slide-container content-fixed">
                                                                <div class="wd-slide-inner ">

                                                                    <div >
                                                                        <div class="elementor-element elementor-element-0fbad12 wd-section-stretch e-flex e-con-boxed e-con e-parent" >
                                                                            <div class="e-con-inner">
                                                                                <div class="elementor-element elementor-element-7565dcd wd-width-100 elementor-widget elementor-widget-wd_title" >
                                                                                    <div class="elementor-widget-container">
                                                                                        <div class="title-wrapper set-mb-s reset-last-child wd-title-color-white wd-title-style-default wd-title-size-large text-center">


                                                                                            <div class="liner-continer">
                                                                                                <h4 class="woodmart-title-container title wd-fontsize-xxl">{{ app()->getLocale() == 'ar' ? $randomfiveproduct->name_ar : $randomfiveproduct->name }}</h4>
                                                                                            </div>

                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="elementor-element elementor-element-9a5e0bf elementor-widget elementor-widget-wd_text_block">
                                                                                    <div class="elementor-widget-container">
                                                                                        <div class="wd-text-block reset-last-child text-center color-scheme-light">
                                                                                            <p>{{ app()->getLocale() == 'ar' ? $randomfiveproduct->description_ar : $randomfiveproduct->description }}</p>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="elementor-element elementor-element-dc46626 elementor-invisible elementor-widget elementor-widget-wd_button" >
                                                                                    <div class="elementor-widget-container">
                                                                                        <div class="wd-button-wrapper text-center">
                                                                                            <a class="btn btn-style-default btn-style-semi-round btn-size-default btn-color-black btn-icon-pos-right" href="{{ route('productDetails', $randomproduct->id) }}">
                                                                                                <span class="wd-btn-text"> {{ __('Buy now') }} </span>

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

                                                            <div class="wd-slide-bg wd-fill"></div>

                                                        </div>

                                                    </a>
                                                        @empty

                                                        @endforelse




                                                    </div>
                                                </div>

                                                <div class="wd-nav-arrows wd-slider-arrows wd-custom-style wd-style-1 wd-pos-sep color-scheme-dark">
                                                    <div class="wd-btn-arrow wd-prev">
                                                        <div class="wd-arrow-inner"></div>
                                                    </div>
                                                    <div class="wd-btn-arrow wd-next">
                                                        <div class="wd-arrow-inner"></div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="wd-nav-pagin-wrap wd-slider-pagin wd-custom-style wd-style-shape-3 text-center color-scheme-dark">
                                                <ul class="wd-nav-pagin"></ul>
                                            </div>
                                        </div>


                                    </div>
                                </div>
                            </div>
                            <div class="elementor-element elementor-element-2c204d2 e-con-full e-flex e-con e-child" >
                                <div class="elementor-element elementor-element-a594443 elementor-widget elementor-widget-wd_banner" >
                                    <div class="elementor-widget-container">
                                        <div class="promo-banner-wrapper">
                                            <div class="promo-banner banner-default banner-hover-zoom color-scheme-light banner-btn-size-default banner-btn-style-default with-btn banner-btn-position-static wd-with-link">
                                                <div class="main-wrapp-img">
                                                    <div class="banner-image">
                                                        @if($randomproduct && $randomproduct->images && $randomproduct->images->first())
                                                            <img loading="lazy" decoding="async" width="1050" height="420"
                                                                src="{{ asset('storage/' . $randomproduct->images->first()->image) }}"
                                                                sizes="(max-width: 1000px) 100vw, 1000px" />
                                                        @else
                                                        @endif
                                                    </div>
                                                </div>


                                                <div class="wrapper-content-banner wd-fill wd-items-middle wd-justify-left">
                                                    <div class="content-banner  text-left">

                                                        <h4 class="banner-title wd-fontsize-l" data-elementor-setting-key="title">
                                                            @if($randomproduct)
                                                                {{ app()->getLocale() == 'ar' ? $randomproduct->name_ar : $randomproduct->name }} <br />
                                                                {{ app()->getLocale() == 'ar' ? $randomproduct->description_ar : $randomproduct->description }}
                                                            @else
                                                                {{-- Fallback text or empty if no product found --}}
                                                                <span>{{ __("No product available") }}</span>
                                                            @endif
                                                        </h4>




                                                        <div class="banner-btn-wrapper">
                                                            <div class="wd-button-wrapper text-left">
                                                                <a class="btn btn-style-default btn-style-semi-round btn-size-default btn-color-primary btn-icon-pos-right"
                                                                href="{{ $randomproduct ? route('productDetails', $randomproduct->id) : '#' }}">
                                                                 <span class="wd-btn-text">{{ __('Buy Now') }}</span>
                                                             </a>

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

                                                <a href="{{ $randomproduct ? route('productDetails', $randomproduct->id) : '#' }}"
                                                    class="wd-promo-banner-link wd-fill"
                                                    aria-label="Banner link">
                                                 </a>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="elementor-element elementor-element-632a8bd e-con-full e-flex e-con e-child" >
                                    @forelse ($lasttwoproducts as $lasttwoproduct)
                                    <div class="elementor-element elementor-element-358b342 elementor-widget__width-initial elementor-widget elementor-widget-wd_banner" data-id="358b342" data-element_type="widget" data-widget_type="wd_banner.default">
                                        <div class="elementor-widget-container">
                                            <div class="promo-banner-wrapper">
                                                <div class="promo-banner banner-default banner-hover-zoom color-scheme-light banner-btn-size-small banner-btn-style-default with-btn banner-btn-position-static wd-with-link">
                                                    <div class="main-wrapp-img">
                                                        <div class="banner-image">
                                                            <img loading="lazy" decoding="async" width="920" height="560" src="{{ asset('storage/' . $lasttwoproduct->images->first()->image) }}" class="attachment-full size-full" alt=""
                                                                sizes="(max-width: 920px) 100vw, 920px" /> </div>
                                                    </div>

                                                    <div class="wrapper-content-banner wd-fill wd-items-middle wd-justify-left">
                                                        <div class="content-banner  text-left">

                                                            <h4 class="banner-title wd-fontsize-l">
                                                                 {{ app()->getLocale() == 'ar' ? $lasttwoproduct->name_ar : $lasttwoproduct->name }} </h4>




                                                            <div class="banner-btn-wrapper">
                                                                <div class="wd-button-wrapper text-left">
                                                                    <a class="btn btn-style-default btn-style-semi-round btn-size-small btn-color-white btn-icon-pos-right" href="{{ route('productDetails', $lasttwoproduct->id) }}">
                                                                        <span class="wd-btn-text" > {{ __('View Details') }}</span>

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

                                                    <a href="" class="wd-promo-banner-link wd-fill" ></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @empty

                                    @endforelse


                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="elementor-element elementor-element-8c17414 e-flex e-con-boxed e-con e-parent"
                        data-id="8c17414" data-element_type="container">
                        <div class="e-con-inner">
                            <div class="elementor-element elementor-element-a4f058a wd-width-100 elementor-widget elementor-widget-wd_title"
                                data-id="a4f058a" data-element_type="widget"
                                data-widget_type="wd_title.default">
                                <div class="elementor-widget-container">
                                    <div
                                        class="title-wrapper set-mb-s reset-last-child wd-title-color-default wd-title-style-default wd-title-size-medium text-left">


                                        <div class="liner-continer">
                                            <h4 class="woodmart-title-container title wd-fontsize-xl">
                                                {{ __('Popular Categories') }}</h4>
                                        </div>

                                    </div>
                                </div>
                            </div>
                            <div class="elementor-element elementor-element-0a8805a wd-width-100 elementor-widget elementor-widget-wd_product_categories">
                                <div class="elementor-widget-container">

                                    <div class="wd-img-width wd-cats products woocommerce columns-4 wd-cats-element wd-carousel-container"
                                        id="carousel-6784f6c129fa6">
                                        <div class="wd-carousel-inner">
                                            <div class="wd-carousel wd-grid"
                                                style="--wd-col-lg:8;--wd-col-md:3;--wd-col-sm:2.5;--wd-gap-lg:20px;--wd-gap-sm:10px;">
                                                <div class="wd-carousel-wrap">
                                                    @forelse ($categories as $category)
                                                    <div class="wd-carousel-item">

                                                        <div class="category-grid-item cat-design-alt product-category product first"
                                                            data-loop="1">
                                                            <div class="wrapp-category">
                                                                <div class="category-image-wrapp">
                                                                    <a href="{{ route('productsBycategory', $category->id) }}"
                                                                        class="category-image">

                                                                        <img data-recalc-dims="1"
                                                                            loading="lazy"
                                                                            decoding="async"
                                                                            width="200" height="200"
                                                                            src="{{ asset('storage/' . $category->image) }}"
                                                                            class="attachment-200x200 size-200x200"
                                                                            alt="{{ $category->name }}"
                                                                            sizes="(max-width: 200px) 100vw, 200px" />
                                                                    </a>
                                                                </div>
                                                                <div class="hover-mask">
                                                                    <h3 class="wd-entities-title">
                                                                        {{ app()->getLocale() === 'ar' ? $category->name_ar : $category->name }}
                                                                    </h3>

                                                                    <div class="more-products">
                                                                        <a href="">{{ $category->products_count  }} {{ __('products') }}</a>

                                                                    </div>

                                                                </div>


                                                            </div>
                                                        </div>
                                                    </div>
                                                    @empty
                                                    <div class="wd-carousel-item">
                                                        <div class="wd-empty-state">
                                                            <div class="empty-state-icon"></div>
                                                            <h3 class="empty-state-title">{{ __('No categories found') }}</h3>
                                                        </div>
                                                    </div>

                                                    @endforelse


                                                </div>
                                            </div>

                                            <div class="wd-nav-arrows wd-pos-sep wd-hover-1 wd-icon-1">
                                                <div class="wd-btn-arrow wd-prev wd-disabled">
                                                    <div class="wd-arrow-inner"></div>
                                                </div>
                                                <div class="wd-btn-arrow wd-next">
                                                    <div class="wd-arrow-inner"></div>
                                                </div>
                                            </div>
                                        </div>

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

                    @foreach($categoriess as $category)
                    <div class="elementor-element elementor-element-83672e3 e-flex e-con-boxed e-con e-parent">
                        <div class="e-con-inner">
                            <div class="elementor-element elementor-element-4ae0916 e-con-full e-flex e-con e-child"
                                >
                                <div class="elementor-element elementor-element-f39b027 wd-width-100 elementor-widget elementor-widget-wd_title">
                                    <div class="elementor-widget-container">
                                        <div
                                            class="title-wrapper set-mb-s reset-last-child wd-title-color-default wd-title-style-default wd-title-size-medium text-left">


                                            <div class="liner-continer">
                                                <h4 class="woodmart-title-container title wd-fontsize-xl">
                                                    {{ app()->getLocale() === 'ar' ? $category->name_ar : $category->name }}</h4>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                                <div class="elementor-element elementor-element-b06b2e1 elementor-widget elementor-widget-wd_button"
                                    data-id="b06b2e1" data-element_type="widget"
                                    data-widget_type="wd_button.default">
                                    <div class="elementor-widget-container">
                                        <div class="wd-button-wrapper text-left">
                                            <a class="btn btn-style-default btn-style-round btn-size-default btn-scheme-custom btn-scheme-hover-custom btn-icon-pos-right"
                                                href="{{ route('productsBycategory', $category->id) }}">
                                                <span class="wd-btn-text"
                                                    data-elementor-setting-key="text">
                                                    {{ __('More Products') }}</span>

                                                <span class="wd-btn-icon">
                                                    <svg class="wd-icon e-font-icon-svg e-fas-chevron-right"
                                                        viewBox="0 0 320 512"
                                                        xmlns="http://www.w3.org/2000/svg">
                                                        <path
                                                            d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z">
                                                        </path>
                                                    </svg> </span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>


                            <div class="elementor-element elementor-element-02967c8 wd-width-100 elementor-widget elementor-widget-wd_products">
                                <div class="elementor-widget-container">

                                    <div class="wd-products-element">





                                        <div class="products wd-products grid-columns-6 elements-grid wd-grid-g wd-stretch-cont-lg wd-stretch-cont-md wd-stretch-cont-sm wd-products-with-bg"
                                            data-paged="1"
                                            data-atts="{&quot;carousel_id&quot;:&quot;5000&quot;,&quot;speed&quot;:null,&quot;slides_per_view&quot;:null,&quot;slides_per_view_tablet&quot;:{&quot;size&quot;:&quot;&quot;},&quot;slides_per_view_mobile&quot;:{&quot;size&quot;:&quot;&quot;},&quot;wrap&quot;:null,&quot;loop&quot;:false,&quot;autoplay&quot;:null,&quot;autoheight&quot;:null,&quot;hide_pagination_control&quot;:null,&quot;hide_pagination_control_tablet&quot;:&quot;yes&quot;,&quot;hide_pagination_control_mobile&quot;:&quot;yes&quot;,&quot;dynamic_pagination_control&quot;:null,&quot;hide_prev_next_buttons&quot;:null,&quot;carousel_arrows_position&quot;:null,&quot;hide_scrollbar&quot;:null,&quot;hide_scrollbar_tablet&quot;:&quot;yes&quot;,&quot;hide_scrollbar_mobile&quot;:&quot;yes&quot;,&quot;scroll_per_page&quot;:null,&quot;dragEndSpeed&quot;:200,&quot;center_mode&quot;:null,&quot;custom_sizes&quot;:false,&quot;sliding_speed&quot;:false,&quot;animation&quot;:false,&quot;content_animation&quot;:false,&quot;post_type&quot;:&quot;bestselling&quot;,&quot;slider&quot;:&quot;&quot;,&quot;library&quot;:&quot;&quot;,&quot;css&quot;:&quot;&quot;,&quot;effect&quot;:&quot;&quot;,&quot;spacing&quot;:&quot;&quot;,&quot;spacing_tablet&quot;:&quot;&quot;,&quot;spacing_mobile&quot;:&quot;&quot;,&quot;carousel_sync&quot;:null,&quot;sync_parent_id&quot;:null,&quot;sync_child_id&quot;:null,&quot;scroll_carousel_init&quot;:null,&quot;disable_overflow_carousel&quot;:null,&quot;element_title&quot;:&quot;&quot;,&quot;query_post_type&quot;:&quot;product&quot;,&quot;include&quot;:null,&quot;taxonomies&quot;:&quot;&quot;,&quot;offset&quot;:&quot;&quot;,&quot;orderby&quot;:&quot;&quot;,&quot;query_type&quot;:&quot;OR&quot;,&quot;order&quot;:null,&quot;meta_key&quot;:null,&quot;exclude&quot;:&quot;&quot;,&quot;shop_tools&quot;:null,&quot;hide_out_of_stock&quot;:&quot;yes&quot;,&quot;ajax_recently_viewed&quot;:null,&quot;layout&quot;:&quot;grid&quot;,&quot;pagination&quot;:&quot;&quot;,&quot;pagination_arrows_position&quot;:null,&quot;items_per_page&quot;:6,&quot;columns&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:6,&quot;sizes&quot;:[]},&quot;columns_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:3,&quot;sizes&quot;:[]},&quot;columns_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:2,&quot;sizes&quot;:[]},&quot;products_masonry&quot;:&quot;&quot;,&quot;products_different_sizes&quot;:&quot;&quot;,&quot;product_quantity&quot;:&quot;&quot;,&quot;product_hover&quot;:&quot;inherit&quot;,&quot;sale_countdown&quot;:&quot;0&quot;,&quot;stretch_product&quot;:null,&quot;stretch_product_tablet&quot;:0,&quot;stretch_product_mobile&quot;:0,&quot;stock_progress_bar&quot;:&quot;0&quot;,&quot;highlighted_products&quot;:&quot;0&quot;,&quot;products_bordered_grid&quot;:&quot;0&quot;,&quot;products_bordered_grid_style&quot;:null,&quot;products_with_background&quot;:&quot;1&quot;,&quot;products_shadow&quot;:&quot;0&quot;,&quot;products_color_scheme&quot;:&quot;default&quot;,&quot;img_size&quot;:&quot;medium_large&quot;,&quot;img_size_custom&quot;:null,&quot;grid_gallery&quot;:&quot;&quot;,&quot;grid_gallery_control&quot;:null,&quot;grid_gallery_enable_arrows&quot;:null,&quot;ajax_page&quot;:&quot;&quot;,&quot;force_not_ajax&quot;:&quot;no&quot;,&quot;lazy_loading&quot;:&quot;no&quot;,&quot;elementor&quot;:true,&quot;wrapper_classes&quot;:&quot;&quot;}"
                                            data-source="shortcode" data-columns="6"
                                            data-grid-gallery="{&quot;grid_gallery&quot;:&quot;1&quot;,&quot;grid_gallery_control&quot;:&quot;hover&quot;,&quot;grid_gallery_enable_arrows&quot;:&quot;arrows&quot;}"
                                            style="--wd-col-lg:6;--wd-col-md:3;--wd-col-sm:2;--wd-gap-lg:6px;">



                                            @forelse ($category->products as $product)


                                            <div class="wd-product wd-with-labels wd-hover-base wd-hover-with-fade wd-col product-grid-item product type-product post-16181 status-publish instock product_cat-audio has-post-thumbnail shipping-taxable purchasable product-type-variable"
                                                data-loop="1" data-id="16181">


                                                <div class="product-wrapper">
                                                    <div class="content-product-imagin"></div>
                                                    <a href="{{ route('productDetails' , $product->id) }}" >
                                                    <div class="product-element-top wd-quick-shop">
                                                        <img loading="lazy" decoding="async"
                                                        width="768" height="768"
                                                        src="{{ $product->images && $product->images->isNotEmpty() ? asset('storage/' . $product->images->first()->image) : asset('empty.jpg') }}"
                                                        class="attachment-medium_large size-medium_large"
                                                        style="width: 150px; height: 150px;"
                                                        sizes="(max-width: 768px) 100vw, 768px" />
                                                    </div>
                                                    </a>

                                                    <div
                                                        class="product-element-bottom product-information">
                                                        <h3 class="wd-entities-title"><a
                                                                href="{{ route('productDetails', $product->id) }}">{{ app()->getLocale() === 'ar' ? $product->name_ar : $product->name }}</a>
                                                        </h3>
                                                        <div class="wd-product-brands-links"><a>{{ __('JOKADE') }}</a>
                                                        </div>
                                                        <div class="product-rating-price">
                                                            <div class="wrapp-product-price">

                                                                <span class="price"><span
                                                                        class="woocommerce-Price-amount amount">

                                                                        <bdi>
                                                                            <span class="woocommerce-Price-currencySymbol">
                                                                                {{ app()->getLocale() === 'ar' ? 'دأ ' : 'JD' }}
                                                                            </span>

                                                                            @if($product->price_after_discount)
                                                                                <!-- Display the old price with a strikethrough and the new price -->
                                                                                <del>{{ $product->price }}</del>
                                                                                {{ $product->price_after_discount }}
                                                                            @else
                                                                                <!-- Display only the original price if no discount -->
                                                                                {{ $product->price }}
                                                                            @endif
                                                                        </bdi>



                                                                            </span></span>
                                                            </div>
                                                        </div>
                                                        <div class="fade-in-block wd-scroll">
                                                            <div class="hover-content wd-more-desc">
                                                                <div
                                                                    class="hover-content-inner wd-more-desc-inner">
                                                                </div>
                                                                <a href="#" rel="nofollow"
                                                                    class="wd-more-desc-btn"
                                                                    aria-label="Read more description"><span></span></a>
                                                            </div>
                                                            <div class=" wd-bottom-actions">
                                                                <div class="wrap-wishlist-button">
                                                                    <div
                                                                        class="wd-wishlist-btn wd-action-btn wd-style-icon {{ $product->favorites->contains('user_id', auth()->id()) ? 'wd-wishlist-icon-full' : 'wd-wishlist-icon' }}">
                                                                        <a class=""
                                                                            href="{{ route('addtofavorite', $product->id) }}"
                                                                            rel="nofollow"
                                                                            data-added-text="Browse Wishlist">
                                                                            <span>{{ __('Add to favorites') }}</span>
                                                                        </a>
                                                                    </div>
                                                                </div>

                                                                <div class="wd-add-btn wd-add-btn-replace">
                                                                    <!-- Add to Cart Link (Using <a> Tag with a Unique Class) -->
                                                                    <a  class="button product_type_variable add-to-cart-link" rel="nofollow"
                                                                       data-product-id="{{ $product->id }}" data-quantity="1">
                                                                       <span>{{ __('Add to cart') }}</span>
                                                                    </a>
                                                                </div>





                                                                <div class="wrap-quickview-button">
                                                                    <div
                                                                        class="quick-view wd-action-btn wd-style-icon wd-quick-view-icon">
                                                                        <a href="{{ route('productDetails', $product->id) }}"
                                                                            class="quick-view-button"
                                                                            rel="nofollow">{{ __('Quick view') }}</a>
                                                                    </div>
                                                                </div>
                                                            </div>



                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            @empty
                                            <p>{{ __('No products found matching') }}</p>
                                            @endforelse


                                        </div>



                                    </div>

                                </div>
                            </div>


                        </div>
                    </div>
                    @endforeach





                </div>
            </div>


        </article><!-- #post -->



    </div><!-- .site-content -->



</div><!-- .main-page-wrapper -->
</div> <!-- end row -->
</div> <!-- end container -->









@endsection