@php
use App\Libraries\FileSystem;
@endphp
<!-- ==== Products Section Start ==== -->
<section class="products_section">
    <div class="products_area">
        <div class="header"> {{isset($pageCustomField['our_product_title']) && $pageCustomField['our_product_title'] ? $pageCustomField['our_product_title'] : 'Our Product'}} </div>
        <div class="view_all">
            <a href="{{route('products.index')}}">View All</a>
        </div>
    </div>
    <div class="products_inner_area product_parent_class">
        <div class="container">
            <div class="row">
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                    <div class="list_area">
                        <ul class="list-inline get_html" data-type="get_html">
                            @if(isset($categoriesAll) && $categoriesAll)
                                @foreach($categoriesAll as $k => $category)
                                    @if($k == 0)
                                        <li class="active product_categories" data-type="remove_active">
                                            <a href="javascript:;" data-url="{{ route('homepage.getProductCategory',$category['id']) }}" cat-id="{{ $category['id'] }}"  class="get_product">{{$category->title}}</a>
                                        </li>
                                    @else
                                        <li class="product_categories" data-type='add_active'>
                                            <a href="javascript:;" data-url="{{ route('homepage.getProductCategory',$category['id']) }}" cat-id="{{ $category['id'] }}" class="get_product">{{$category->title}}</a>
                                        </li>
                                    @endif
                                @endforeach
                            @endif
                        </ul>
                        
                    </div>
                    <div class="product_listing">
                        <div class="owl-carousel owl-theme products products_render">
                            @include('frontend/homePage/productListingLoop')
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
        
</section>
<!-- ==== Products Section End ==== -->