@extends('layouts.website_layout')
@section('meta_title', $meta_data->meta_title)
@section('meta_description', $meta_data->meta_description)
@section('banner_image', "banners/".$banner_data->banner_image)
@section('canonical_tag', $meta_data->canonical_tag)
@section('content')
<main>
    <div class="container-fluid productCategory">
        <div class="row productCategory__banner" style="background:#000  url({{url('/')}}/assets/images/banners/{{$banner_data->banner_image}})no-repeat bottom center/cover;">
            <div class="col-12 text-center productCategory__banner__title">
                <h1>{{$banner_data->banner_caption}}</h1>
            </div>
        </div> 
        <!-- <div class="row productCategory__description">
            <div class="container">
                <div class="col-12 productCategory__description__inner text-center">
                    <p class="regular-heading">{!!nl2br($banner_data->introduction_text)!!}</p>
                </div>
            </div>
        </div> -->
        <div class="row productCategory__listing">
            @if(empty($products->count()))
            <div class="empty__cart m-auto">
                        <div class="col-12 text-center">
                            <h2 class="bold-heading">Nothing yet.</h2>
                            <a href="{{url('/')}}" class="btn--read--more">Take me to the jungle</a>
                        </div>
                    </div>
                </div>
            @endif
            @include('product_blocks_without_filters')
        </div>
    </div>
</main>
@endsection