@php
    use App\Libraries\FileSystem;
    use App\Models\Admin\ContentManagement;
@endphp
@extends('layouts.frontlayout')
@section('content')

<!-- ==== Breadcame Section Start ==== -->
<section class="breadcame_section top-space">
    <div class="breadcame_area" style="background-image: url({{General::renderImage(FileSystem::getAllSizeImages(ContentManagement::get('our_products_image')), 'large')}});">
        <div class="breadcame_content_area animated fadeInDown" data-animation-in="fadeInDown" data-delay-in="0ms">
            <div class="header">
                {{ContentManagement::get('our_products_title')}}
            </div>
            <div class="description">
                {{ContentManagement::get('our_products__description')}}
            </div>
        </div>
    </div>
</section>
<!-- ==== Breadcame Section End ==== -->


<!-- ==== Our Products Section Start ==== -->
<section class="our_products_section">
    <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="our_products_area">
                    <div class="list_area">
                        <ul class="left list-inline">
                             @if(isset($category) && $category)
                                @foreach($category as $k => $cat)
                                    <li class="">
                                        <a href="{{route('products.index',['catId' => General::encrypt($cat->id)])}}">{{isset($cat->title) && $cat->title ? $cat->title : ''}}</a>
                                    </li>
                                @endforeach
                            @endif
                        </ul>
                        <div class="right">
                            <ul class="list-inline">
                                @if(isset($moreCategory) && count($moreCategory) > 0)
                                <li>
                                    <div class="dropdown">
                                      <a class="btn dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false">
                                        More Categories
                                      </a>
                                      <ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
                                        @foreach($moreCategory as $k => $mC)
                                        <li class="">
                                            <a class="dropdown-item" href="{{route('products.index',['catId' => General::encrypt($mC->id)])}}">{{isset($mC->title) && $mC->title ? $mC->title : ''}}</a>
                                        </li>
                                        @endforeach
                                      </ul>
                                    </div>
                                </li>
                                @endif
                                <li>
                                    <a href="{{route('products.index')}}" class="btn btn-primary">Reset</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="products_item_area product_listing">
                        <div class="row appendListing">
                            @if(isset($listing) && $listing->toArray() && count($listing) > 0)
                                @include('frontend.products.listingLoop')
                            @else
                            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                <div class="no_image text-center">
                                    <img src="{{url('frontend/images/noImage/nodata.png')}}">
                                    <br>
                                     <h4>No Product Found</h4> 
                                </div>
                            </div>
                            @endif
                        </div> 
                        @include('frontend.partials.pagination', ['pagination' => $listing, 'url' => route('products.index')]) 
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== Our Products Section End ==== -->
@endsection