@extends('layouts.front')
@section('page_title', $subCat->name . ' | '. $category->name )

@php $url = URL::current(); $urls = explode('/', $url); $lasturl = end($urls);    @endphp



@section('extra_css')
<style>
.video101{
    position:relative;
}
.video101 .bi-youtube{
    position: absolute;
    top: 37%;
    left: 42%;
    z-index: 10000;
    color: #FF0000;
    font-size: 65px;
    
}

</style>
@endsection    
    
@section('extra_js')

    <script src="https://cdn.jsdelivr.net/npm/js-cookie@2.2.1/src/js.cookie.min.js"></script>

    <script>
        $(document).ready(function () {
            $(".activesubcat").click(function () {
                let subcatval235 = $(this).text();
                // $(this).css({"color":"red","font-size":"25px"});
                // console.log(subcatval235);
                Cookies.set('subcatval236', subcatval235);
            })
            // let subcatval237 = Cookies.get('subcatval236');
            // $("#subcatval").html(subcatval237);
            // let subcatv = $(".subcatval01").html();
            // console.log(subcatv);
        });
    </script>
@endsection

@section('main_content')

   
    <div class="container-bg mt-5">
        <div class="container">
            <div class="section_page">
                <div class="row hidden">
                    <div class="col-md-12">
                        <div class="section_heading pb-2">
                              <a href="{{ route('sub_cat.post', ['cat' => $category->slug, 'sub_cat' => $subCat->slug]) }}">{{ $subCat->name }}</a> 
                        </div>
                        <div class="sub pb-4">
                                @foreach($category->SubCategory->all() as $sub_cat)
                                    <a href="{{ route('sub_cat.post', ['cat' => $category->slug, 'sub_cat' => $sub_cat->slug]) }}">{{ $sub_cat->name }}</a>
                                @endforeach
                        </div>
                    </div>
                </div>
                <div class="cat__pg__top__1">
                    <div class="row">
                        <div class="border__right col-md-6">
                            @if($sub_cat_post)
                                <div class="link-hover-homepage">
                                    <a href="{{ news_url($sub_cat_post) }}"><img src="{{ asset('/defaults/background.jpg') }}"  data-src="{{ $sub_cat_post->featured_image }}"
                                                                         alt="{!! $sub_cat_post->headline !!}"
                                                                         class="img-responsive lazy">
                                        <h2 class="pt-2">{!! $sub_cat_post->headline !!}</h2>
                                    </a>
                                </div>
                            @endif
                        </div>
                        <div class="col-md-3">
                            <div class="sidebar">
                                <div class="content__col">
                                    @if(count($sub_cat_post_two) > 0)
                                        @foreach($sub_cat_post_two as $post)
                                            <div class="border__btm">
                                                <div class="link-hover-homepage">
                                                    <a href="{{ news_url($post) }}"><img
                                                                src="{{ asset('/defaults/background.jpg') }}"  data-src="{{ $post->featured_image }}"
                                                                class="img-responsive lazy" alt="{{ $post->headline }}">
                                                        <h4 class="pt-2">{!! $post->headline !!}</h4>
                                                    </a>
                                                </div>
                                            </div>
                                        @endforeach
                                    @endif
                                                                    </div>
                            </div>
                        </div>
                        <div class="col-md-3">

                            <div class="mb-3"></div>


                        </div>
                    </div>
                </div>
                <hr>
                <div class="row">
                    <div class="col-md-9">

                        <div class="cat-block-2">
                            <div class="row">
                                @foreach($sub_cat_post_six as $post)
                                    <div class="col-md-4 col-lg-4 col-sm-6 col-6 h-100">
                                        <div class="lead_8_content1">
                                            <div class="thumbnail">
                                                <div class="link-hover-homepage">
                                                    <a href="{{ news_url($post) }}">
                                                        <img src="{{ asset('/defaults/background.jpg') }}"  data-src="{{ $post->featured_image }}"
                                                             class="img-responsive lazy" alt="{{ $post->headline }}">
                                                    </a>
                                                    <div class="body__content__child">
                                                        <a href="{{ news_url($post) }}">
                                                            <h4 class="caption_2">{{ str_limit($post->headline, 75) }}</h4>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                                                    </div>

                    </div>
                    <div class="col-md-3">
                        <div class="google-ads-1" align="center"><!-- Square -->

                        </div>
                        <div class="book_ads text-center">

                        </div>
                    </div>
                </div>

                <div class="top-banner">
                    <div class="container">
                        <div class="ad_2 d-none">

                        </div>
                    </div>
                </div>
                <div class="row d-none">
                    <div class="sub__category__block">
                        <div class="row">
                            @foreach($category->SubCategory->all() as $sub_cat)
                                <div class="col-md-6">
                                    <div class="m-20">
                                        <div class="col-md-12">
                                            @if( $sub_cat_post = \App\Models\Post::orderBy('id','desc')->where('sub_cat_id', $sub_cat->slug)->where('post_status', 1)->first() )
                                                <div class="category-heading">
                                                    <a href="{{ route('sub_cat.post', ['cat' => $category->slug, 'sub_cat' => $sub_cat->slug]) }}">{{ $sub_cat->name }}
                                                        <span class="all-news-text">আরও <i
                                                                    class="fa fa-angle-double-right"
                                                                    aria-hidden="true"></i></span></a>
                                                </div>
                                            @endif
                                        </div>
                                        <div class="col-md-6">