@if(isset($categories[5]))
    @php
        $category=$categories[5];
           if(!is_null($category->relatedBlog)){
            $blog1=$category->relatedBlog;
            if(\App::getLocale()=='en'){
                $blogTitle1=$blog1->blog_title_en;                                 
                $blogSummery1=$blog1->blog_summary_en; 
            }else{
                $blogTitle1=$blog1->blog_title;                                 
                $blogSummery1=$blog1->blog_summary; 
            }
        }
    @endphp
    <section class="product-tabs section-padding wow fadeIn animated">
        <div class="container">
            <div class="tab-header">
                <h3 class="section-title mb-20"><span>  @if(\App::getLocale()=='en') 
                    {{$category->title_en}}
                    @else
                    {{$category->title}}
                    @endif</span></h3>

                <a href="{{ route('front.category', $category->id) }}" class="view-more d-none d-md-flex">{{ __('admin.web.View More')}}</a>
            </div>
            <!--End nav-tabs-->
            <div class="tab-content wow fadeIn animated" id="myTabContent">
                @php  $x=0; @endphp
                <div class="tab-pane fade show active" id="tab" role="tabpanel" aria-labelledby="tab">
                    <div class="row product-grid-4">
                        @foreach($category->products as $product)
                        <div class="col-lg-3 col-md-4 col-12 col-sm-6">
                            <div class="product-cart-wrap mb-30">
                                <div class="product-img-action-wrap">
                                    <div class="product-img product-img-zoom">
                                        <a href="{{route('front.single-product',$product->id)}}">
                                            <img loading="lazy" class="default-img" style="background: #ececec;" src="{{URL(env('STORAGE_IMAGES').@$product->photo)}}" alt="">
                                            <img loading="lazy" class="hover-img"  style="background: #ececec;" src="{{URL(env('STORAGE_IMAGES').@$product->photo)}}" alt="">
                                        </a>
                                    </div>
                                  
                                </div>
                                <div class="product-content-wrap">
                                
                                    <div class="product-category">
                                        <a href=""> @if(\App::getLocale()=='en') 
                                            {{$category->title_en}}
                                            @else
                                            {{$category->title}}
                                            @endif</a>
                                    </div>
                                    <h2 style="width: max-content;"><a href="{{route('front.single-product',$product->id)}}">
                                        @if(\App::getLocale()=='en') 
                                         {{\Str::words($product->title_en, 6, '')}}
                                        @else
                                         {{\Str::words($product->title, 6, '')}}
                                        @endif</a></h2>
                                   
                                  
                                </div>
                            </div>
                        </div>
                        @php  $x++; 
                        if($x==4){
                            break;
                        }

                        @endphp
                              
                        @endforeach
                    </div>
                    <!--End product-grid-4-->
                </div>
            </div>
            <!--End tab-content-->
        </div>
    </section>
    
    
      @if(!is_null(@$category->photo))
    <section class="banner-2 section-padding pb-0">
        <div class="container">
            <div class="banner-img banner-big wow fadeIn animated f-none">
                <img loading="lazy" src="{{URL(env('STORAGE_IMAGES').@$category->photo)}}" alt="">
            </div>
        </div>
    </section>
    @endif
    
      @if(!is_null(@$blog1->blog_image))
    <section class="banner-2 section-padding pb-0">
        <div class="container">
            <div class="banner-img banner-big wow fadeIn animated f-none">
                <img loading="lazy" src="{{URL('/core/public/storage/uploads/blogs/images/'.@$blog1->blog_image)}}" alt="">
                <div class="banner-text d-md-block d-none"  style="   
                margin: -69px 26px;
    background-color: rgba(0, 0, 0, 0.75);
    width: 387px;
    padding: 18px 28px;">
                    @if(\App::getLocale()=='en')
                     <h1 class="fw-600 mb-20" style="color: #fff;    font-weight: bold;
    font-size: 29px;">{{$blogTitle1}}</h1>
                    @else
                     <h1 class="fw-600 mb-20" style="color: #fff;    font-weight: bold;
    font-size: 35px;">{{$blogTitle1}}</h1>
                    @endif
                   
                    <h4 class="mb-15 mt-10 text-brand" style="color: #fff !important;font-weight: normal;
    font-size: 24px;">{{$blogSummery1}}</h4>
                    <a href="{{route('front.single-blog',$blog1->id)}}" class="btn">{{ __('admin.web.Read Article') }}</a>
                </div>
            </div>
        </div>
    </section>
    @endif
@endif