@extends('layouts.front-layout')
@section('title')
    Category products
@endsection
@section('content')
    <!-- Begin: Main Slider -->
    <div class="innerBan">
        <img src="../../upload/images/innerbnr1.png" class="w-100" alt="">
        <div class="overlay">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-md-12">
                        <h2>Shop</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="">Add To cart <i class="fal fa-shopping-cart"></i></a>
                                    @endif
                                @else
                                    <a href="">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 text-center">
                    <h3 class="laoding">loading more ….</h3>
                </div>



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


@endsection