@extends('front.layouts.main')

@section('content')

@if(count($data) > 0)
<section class="top-banner">
    <img src="{{ $headerImage }}" alt="Banner">
    <h2 class="banner-title">{{ strtoupper($head) }}</h2>
</section>
<section class="pt-40">
    <div class="container">
        <ul class="custom-breadcrumb list-unstyled d-flex flex-wrap mb-20 col">
            <li class="custom-breadcrumb-item"><a href="{{ url('user/menu') }}">MENU</a></li>
            <li class="custom-breadcrumb-item"><a href="{{url('user/productSubCategory/'.$catId.'/'.base64_encode(Request::get('cat')))}}">{{ strtoupper(Request::get('cat')) }}</a></li>
            <li class="custom-breadcrumb-item">{{ strtoupper($head) }}</li>
        </ul>
        <div class="product-list-wrapper d-flex flex-wrap">
            @foreach($data as $product)
            <div class="col xs6 m4 lg3 mb-40">
                <div class="product-card d-flex flex-column flex-align-start">
                    <div class="product-thumbnail">
                        @if($product['isNewProduct'])
                        @endif
                        <a href="{{url('user/productDetails/'.base64_encode($product['productId']).'?cat='.Request::get('cat').'&subcat='.$head)}}"><img src="{{$product['image']}}" alt="{{$product['productName']}}" /></a>
                    </div>
                    <div class="product-name ">
                        <a href="{{url('user/productDetails/'.base64_encode($product['productId']).'?cat='.Request::get('cat').'&subcat='.$head)}}" class="text-blue">{{strtoupper($product['productName'])}}</a>
                    </div>
                    <div class="product-price mt-auto">KSH {{number_format($product['price'])}}</div>
                    <a href="{{url('user/productDetails/'.base64_encode($product['productId']).'?cat='.Request::get('cat').'&subcat='.$head)}}" class="btn btn-green">ORDER</a>
                </div>
            </div>
            @endforeach
        </div>
        <div class="custom-pagination col d-flex flex-end mb-30">
                                    <a style="margin-right:45%;" class="page-link" href="{{url('user/'.$url.'/'.$catId.'/'.$subCatId.'/'.$head.'/'.$next.'?cat='.Request::get('cat').'&subcat='.$head)}}">Next</a>
                    </div>
    </div>
</section>

@else
<center>
    <h3>NO PRODUCTS FOUND</h3>
</center>
@endif



@endsection
@section('js')

@endsection