@guest('customer')
 @endguest
   
 @auth('customer')
    @endauth
<x-shop::layouts 
	:hasnot-auth=$auth>	
	 <x-slot:title>
        Catalog
        </x-slot>
 @auth('customer')
		<x-shop::layouts.account.navigation />
		 @endauth
        <main>
            <section class="products mainContent mb-10">
                <div class="container" style="padding-left: 20px;padding-right: 20px;">
                    <x-shop::product-search />
                    <div class="productsWrapper">
                       
                         <x-shop::categories.banner />
                        <div class="bestProductOuter">
                            <div class="commonHeader mt-6">
                                <h4>Explore Printify's best</h4>
                                <p>Here are some of the most popular product categories in our catalog.</p>
                            </div>
                            <div class="bestProductInner">
                                <!-- Categories carousel -->
                                <x-shop::categories.carousel :title="$data['title'] ?? ''"
                                    :src="route('shop.api.categories.index', $data['filters'] ?? [])"
                                    :navigation-link="route('shop.home.index')" />
                            </div>

                            <div class="productsOuter mt-4">
                            <div class="commonHeader d-flex align-items-center" id="top-trending">
                                    <div>
                                        <h4><i class="fas fa-poll"></i> Top trending products</h4>
                                        <p>Discover products with rising sales and the fastest-growing revenue within
                                            the
                                            last
                                            30
                                            days.</p>
                                    </div>
                                </div>
                                <x-shop::products.carousel :title="$data['title'] ?? ''"
                                    :src="route('shop.api.products.index', $data['filters'] ?? [])"
                                    :navigation-link="route('shop.search.index', $data['filters'] ?? [])" />

                            </div>


                            <div class="innerBanner mt-10">
                            <img src="{{bagisto_asset('images/ai-web-banner1.png')}}" alt="">
                            </div>


                        </div>
                    </div>
            </section>
        </main>

</x-shop::layouts>

    <!-- Page Title -->