@extends('front.include.app')
@section('title') Art Collection @endsection
@section('content')

    <section class="ladies-abstract ladies-abstractInner">
        <div class="container-fluid mt-5">
            @forelse($get_categories as $catagory)
                <div class="abstract-head" data-aos="fade-up">

                    <h2>{{ $catagory->cate_title ?? '' }}</h2>
                </div>

                @if($catagory->product->isNotEmpty())

                    <div class="row align-items-center">
                        @foreach($catagory->product as $product)
                            <div class="col-lg-3 col-md-4 col-sm-6" data-aos="fade-up">
                                <div class="ladies-wrap">
                                    <figure>
                                        <img src="{{$product->productImage('product_image')}}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="ladies-cntnt">
                                        <h3>{{$product->name ? : ''}}</h3>
                                        <h3>Price : $ {{$product->price ? : ''}}</h3>
                                        <h3>Dimension : {{$product->dimention ? : ''}}</h3>
                                        <h3>{{$product->stock === 0 ? 'Sold Out': ''}}</h3>

                                        <p>{!! $product->description !!}</p>
                                        <a href="{{ route('product.detail', ['slug' => $product->slug]) }}"
                                           class="themeBtn">buy now</a>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                @else
                    <h3 class="text-center">Product Not Found</h3>

                @endif

            @empty
                <h3 class="text-center">Category Not Found</h3>
            @endforelse


        </div>
    </section>



@endsection