@extends('layouts.front-layout')
@section('title')
    Home
@endsection
@section('content')
    <!-- Begin: Main Slider -->
    <div class="innerBan">
        <img src="{{ $product->getFirstMediaUrl('product_top_banner_image') ? $product->getFirstMediaUrl('product_top_banner_image') : asset('upload/placeholder.png') }}"
            class="w-100" alt="">
        <div class="overlay">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-md-12">
                        <h2>{{ $pageData['Product']['heading'] ?? '' }}</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End: Main Slider -->



    <section class="featureproduct shoppage">
        <div class="container">
            <div class="feraturhead">
                <h2 class="mainHead" data-aos="fade-up">Featured Products</h2>

            </div>
            <div class="row">


                @forelse($get_products as $products)
                    <div class="col-md-3">
                        <div class="featurewrap">
                            <figure>
                                <img src="{{ $products->getFirstMediaUrl('product_image') ? $products->getFirstMediaUrl('product_image') : asset('upload/placeholder.png') }}"
                                    class="img-fluid" alt="">
                            </figure>
                            <div class="greebtn">
                                @if (Auth::check())
                                    @if (Auth::user()->hasRole('vendor') || Auth::user()->hasRole('admin'))
                                        {{-- If the user is a vendor or admin, do not show the "Add to Cart" button  --}}
                                    @else
                                        <a href="{{ route('product.detail', ['slug' => $products->slug]) }}">Add To cart <i
                                                class="fal fa-shopping-cart"></i></a>
                                    @endif
                                @else
                                    <a href="{{ route('product.detail', ['slug' => $products->slug]) }}">Add To cart <i
                                            class="fal fa-shopping-cart"></i></a>
                                @endif
                            </div>
                            <div class="featurecntnt">

                                <h3>{{ $products->product_name ?: '' }}</h3>
                                <p>$ {{ $products->price ?: '' }}</p>

                            </div>

                        </div>
                    </div>
                @empty
                    <h2 class="text-center">Products Not Found</h2>
                @endforelse
                <div class="col-md-12 mx-auto">
                    {{ $get_products->appends(request()->query())->links() }}

                </div>
                <div class="col-md-12 mx-auto">
                    {{ $get_products->appends(request()->query())->links() }}

                </div>

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

    @include('front.includes.home-sell-sec')
@endsection