@if(!empty(count($products)))
<article class="container-fluid products productIntro" id="product-portfolio">
    @if(isset($product_category->product_category_filter_type_id) && $product_category->product_category_filter_type_id == 2)
    <section class="row custom__row justify-content-center">
        <header class="col-12 col-md-10 col-lg-10 text-center">
            <h3 class="primary-heading mb-4">Explore our Products</h3>
        </header>
    </section>
    @include('product_listing_cat_sub_cat_filter')
    @elseif(isset($product_category->product_category_filter_type_id) && $product_category->product_category_filter_type_id == 1)
    <header class="row products__header custom__row text-center">
        <div class="col-12">
            <h3 class="primary-heading">Explore our Products</h3>
        </div>
        <nav class="col-12">
            <ul>
                <li class="@if(empty($product_sub_category_url_slug)) active @endif filter_category" data-filter="all">All <span>({{count($products)}})</span></li>
                @foreach($product_sub_categories as $product_sub_category_row)
                @if(isset($product_category_occurrence[$product_sub_category_row->product_sub_category_url_slug]))
                <li class="filter_category" data-filter="{{$product_sub_category_row->product_sub_category_url_slug}}">{{$product_sub_category_row->product_sub_category_name}} <span>({{$product_category_occurrence[$product_sub_category_row->product_sub_category_url_slug]}})</span></li>
                @endif
                @endforeach
            </ul>
        </nav>
    </header>
    @elseif(isset($product_category->product_category_filter_type_id) && ($product_category->product_category_filter_type_id == 3))
    <section class="row custom__row justify-content-center productIntro__filter">
        <div class="col-12 col-md-10 col-lg-10 multifilter text-center">
            <div class="row">
                @if(!empty(count($attributes)))
                @foreach($attributes as $attribute_row)
                @if(isset($attribute_values->{$attribute_row->id}))
                <div class="col-12 col-md-4 productIntro__filter__block attribute_dropdown" data-self="{{$attribute_row->attribute_url_slug}}">
                    <div class="productIntro__filter__block__dropdown">
                        Select {{$attribute_row->attribute_name}} <span><img src="{{url('/')}}/assets/images/global/dorpdown-arrow.png" alt="Filter Product" class="img-fluid" width="9" height="15"></span>
                    </div>
                    <div class="productIntro__filter__block__list">
                        <div class="reset reset_attribute_filter d-none">
                            <div><span><i class="fa fa-times" aria-hidden="true"></i></span> Clear</div>
                        </div>
                        <div class="product__family">
                            @foreach($attribute_values->{$attribute_row->id} as $attribute_value_row)
                            <label class="label">{{$attribute_value_row->attribute_value}}
                                <input type="checkbox" class="checkbox filter_attribute" value="{{$attribute_value_row->id}}" data-parent="{{$attribute_row->attribute_url_slug}}">
                                <span class="checkmark"></span>
                            </label>
                            @endforeach
                        </div>
                    </div>
                </div>
                @endif
                @endforeach
                @endif
                <div class="col-12 col-md-4 productIntro__filter__block product__search">
                    <div class="productIntro__filter__block__dropdown">
                        <input type="text" class="form-control" id="filter_products" placeholder="Enter Search Here">
                        <span><img src="{{url('/')}}/assets/images/global/search-icon.png" alt="Filter Product" class="img-fluid" width="24" height="24"></span>
                    </div>
                </div>
            </div>
        </div>
    </section>
    @else
    <section class="row custom__row justify-content-center">
        <header class="col-12 col-md-10 col-lg-10 text-center">
            @if(empty($banner->introduction_title))
            <h2 class="primary-heading mb-4">Explore from a range of <span>{{count($products)}}</span> Products</h2>
            @else
            <h2 class="primary-heading mb-4">{!!nl2br($banner->introduction_title)!!}</h2>
            @endif
            <p class="paragraph">{!!nl2br($banner->introduction_description)!!}</p>
        </header>
    </section>
    @include('product_listing_cat_sub_cat_filter')
    @endif
    <div class="row custom__row justify-content-center">
        @include('product_block')
    </div>
</article>
@endif