@extends("layouts.app")
@section("content")
    <div class="main-slider">
        <img class="img-fluid w-100" src="{{asset('images/innerBnnr.jpg')}}" alt="First slide">
        <div class="carousel-caption">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <h1 class="text-uppercase">{{ $category->name }}</h1>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END: Main Slider -->
    <section class="productSec">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-12">
                    <h2>{{$category->name}}</h2>
                </div>
                @forelse($products as $product)
                    <div class="col-md-4 text-center">
                        @include('includes.single-product')
                    </div>
                @empty
                    <div class="col-md-4 text-center prodctBox">
                        No product found.
                    </div>
                @endforelse
            </div>
        </div>
    </section>
@endsection