@extends('front.layouts.main')

@section('content')
@if(count($data['data']) > 0)
<section class="pt-40">
  <div class="container">
    <div class="col text-center">
      <h2 class="mt-0 mb-10">{{ strtoupper($head) }}</h2>
      <div class="d-flex flex-center">
        <div class="col text-center mb-30 text-gray">Welcome to CJ's delicious universe. Everything from our Big on Breakfast, Perfected Drinks, Decadent to your Generous Big Meals Right here at your fingertips. ORDER NOW.
        </div>
      </div>
    </div>
    <div class="product-list-wrapper d-flex flex-wrap">
      @foreach($data['data'] as $product)
            @endforeach
      @foreach($data['data'] as $product)
            <div class="col xs6 m4 lg3">
        <div class="product-card mb-40">
          <div class="product-thumbnail">
            <a href="{{url('user/productOrder/'.$categoryId.'/'.base64_encode($product['subCatId']).'/'.$product['subCatname'].'?cat='.$head)}}"><img src="{{$product['subCatimage']}}" alt="{{$product['subCatname']}}" /></a>
          </div>
          <div class="product-info">
            <div class="product-name" style="text-align:center;">
              <a class="" style="font-weight:normal;" href="{{url('user/productOrder/'.$categoryId.'/'.base64_encode($product['subCatId']).'/'.$product['subCatname'].'?cat='.$head)}}">{{strtoupper($product['subCatname']) }}</a></div>
          </div>
        </div>
      </div>
          @endforeach
    </div>
  </div>
</section>
@else
<center>
  <h3>NO SUB CATEGORIES FOUND</h3>
</center>
@endif



@endsection
@section('js')

@endsection