@extends('frontend.layouts.app')
@section('page_content')
<div class="inner_page_without_banner">
    <section class="breadcrumb_sec header-width">
        <ol class="breadcrumb" id="breadcrumb_ol">
            <li class="breadcrumb-item"><a href="{{route('index')}}">Home</a></li>
            <li class="breadcrumb-item"><a href="{{route('products')}}">Products</a></li>
            <li class="breadcrumb-item active">{{ $category->name }}</li>  
        </ol>
    </section>
    <section class="main_content">
        <div class="container mb-3">
            <div class="row justify-content-center">
                <div class="col-lg-7 col-md-9 text-center">
                    <h2 class="fs-50 mb-0 fw-s-bold">{{LangTranslate::translate($category->name ?? '',$category->ar_name ?? '')}}</h2>
                    <div class="text-gray fs-14">{!! LangTranslate::translate($category->description ?? '', $category->ar_description ?? '') ?? ' ' !!}</div>
                </div>
            </div>
        </div>
        <div class="container mb-3 products_list">
            <div class="row">
                @foreach($series as $key => $value)
                    @if(count($value->seriesProducts($value->category_id,$value->id)) > 0)
                        <div class="col-lg-3 col-md-4 col-sm-6" data-aos="fade-up">

                            <div class="item tss_series_list">
                                <a class="product-box"  href="{{route('products.sub.category_1.list', ['id'=>$category->id,'title_name'=>strtolower(str_replace('+', '-',urlencode($category->name))),'series_id'=>$value->id])}}">
                                    <div class="product-box-main">
                                        <div class="product-box-image">
                                            @if(file_exists($value->image))
                                                <img src="{{asset($value->image)}}">
                                            @else
                                                <img src="{{asset('images/default.jpg')}}">
                                            @endif
                                        </div>
                                    </div>

                                    @if(!empty($value->description) || !empty($value->bullet_1) || !empty($value->bullet_2) ||!empty($value->bullet_3) || !empty($value->bullet_4))
                                        <div class="product-box-info product-ss-description">
                                            <div class="product-ss-only">
                                                <h3 class="product-box-name">{{$value->name}}</h3>
                                                @if($value->description)
                                                    <p class="text-center">{{$value->description}}</p>
                                                @endif

                                                @if(!empty($value->bullet_1) || !empty($value->bullet_2)|| !empty($value->bullet_3) || !empty($value->bullet_4))
                                                    <ul>
                                                        @if($value->bullet_1)
                                                            <li>{{$value->bullet_1}}</li>
                                                        @endif
                                                        @if($value->bullet_2)
                                                            <li>{{$value->bullet_2}}</li>
                                                        @endif
                                                        @if($value->bullet_3)
                                                            <li>{{$value->bullet_3}}</li>
                                                        @endif
                                                        @if($value->bullet_4)
                                                            <li>{{$value->bullet_4}}</li>
                                                        @endif
                                                    </ul>
                                                @endif
                                            </div>
                                            <span class="explore_link_view">Explore Products <i class="icon-right-arrow"></i></span>
                                        </div>
                                    @else 
                                        <div class="product-box-info">
                                            <h3 class="product-box-name">{{LangTranslate::translate($value->name ?? '',$value->ar_name ?? '')}}</h3>         
                                            <span class="explore_link_view">Explore Products <i class="icon-right-arrow"></i></span>
                                        </div>   
                                    @endif
                                    <p class="fw-regular mt-2 mb-0 defaut_title">
                                        {{LangTranslate::translate($value->name ?? '',$value->ar_name ?? '')}} </p>
                                </a>
                            </div>
                        </div>
                    @endif
                @endforeach
            </div>
        </div>
    </section>
</div>  
@endsection