@include('frontend.layouts.product_header_links')
@if(count($products) > 0)
    @if(isset($search_option) && $search_option == true)
        <div class="container header-width mb-3 products_filter_bar filter_result_data">
            <div class="row">
                <div class="col-12">
                    <div class="dd-flex">
                        <div class="results">
                            <p class="text-black fs-18 mb-0">Total ‘<b>{{count($products)}}</b>’ results found</p>
                        </div>
                        <div class="list">
                            <ul class="gbl_search">
                                @if(!empty($search))
                                    <li data-item="{{$search}}">Search : {{$search}} </li>
                                @endif
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endif
    <div class="row mb-lg-5">
        @foreach($products as $key => $product)
            @php($category = App\ProductsCategoriesModel::find($product->category_id))
            @php($series = App\ProductsCategorySeriesModel::find($product->series_id))
            <div class="col-lg-3 col-md-4 col-sm-6" data-aos="fade-up">
                <div class="item">
                    <a class="product-box" href="{{route('products.item.details',['id'=>$product->category_id,'title_name'=>strtolower(urlencode($category->name)),'product_id'=>$product->id,'model'=>$product->model])}}">
                        <div class="product-box-main">
                            <div class="product-box-image">
                                @if(file_exists($product->thumb_image))
                                    <img src="{{asset($product->thumb_image)}}">
                                @else
                                    <img src="{{asset('images/default.jpg')}}">
                                @endif
                            </div>
                        </div>
<!-- 
                        <div class="product-box-info">
                            <h3 class="product-box-name">{{$product->model}}</h3>
                            <div class="row d_flex">
                                @if(isset($category->name) && !empty($category->name))
                                    <div class="col-6">
                                        <div class="box">
                                            <p>Category</p>
                                            <span class="xs">{{$category->translate($category->name, $category->al_name)}}</span>
                                            <div class="icon">
                                                <img src="{{asset('frontend/images/icons/wattage.svg')}}">
                                            </div>
                                        </div>
                                    </div>
                                @endif
                                @if(isset($series->name) && !empty($series->name))
                                    <div class="col-6">
                                        <div class="box">
                                            <p>Series</p>
                                            <span class="xs">{{LangTranslate::translate($category->name, $category->al_name)}}</span>
                                            <div class="icon">
                                                <img src="{{asset('frontend/images/icons/degree.svg')}}">
                                            </div>
                                        </div>
                                    </div>
                                @endif
                            </div>
                        </div>
 -->
                        <h3 class="p_title">{{$product->model}}</h3>
                    </a>
                </div>
            </div>
        @endforeach
    </div>
@else
    <div class="nodata_found text-center p-5 mt-5">
        <h2 class="certificate_title nodata_found_title pt-5">No Data found</h2>
        @if(isset($search_option))
            <a href="{{route('products')}}" style="width: 20%;margin: 0% auto;" class="green_outline_btn">Back To Products</a>
        @endif
    </div>
@endif

@include('frontend.layouts.product_footer_links')