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

	@php $url = URL::current(); $urls = explode('/', $url); $lasturl = end($urls);	@endphp
@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="single__page__cat__list {{ $category->slug }}">
		<div class="container">
		<div class="main">
			
			@foreach($category->SubCategory->all() as $sub_category)
                              
                                   @if($sub_category->slug == $lasturl)
                                    <h2 style="margin: 0;padding: 0 0 0 7px;border-left: 6px solid #de07059c;height: 28px;">{{ $sub_category->name }}</h2>
                                   @endif                               
                                @endforeach
		</div>
		</div>	
		<div class="sub hidden-sm hidden-xs">
		<div class="container">		
			@foreach($category->SubCategory->all() as $sub_cat)
                              
                                @if($sub_cat->slug == $lasturl)
									<a href="{{ route('sub_cat.post', ['cat' => $category->slug, 'sub_cat' => $sub_cat->slug]) }}"><span style="color: white; background: #8e0006;padding: 5px 15px 3px;">{{ $sub_cat->name }}</span></a>
                                    
                                @else
                                  <a class="activesubcat" href="{{ route('sub_cat.post', ['cat' => $category->slug, 'sub_cat' => $sub_cat->slug]) }}">{{ $sub_cat->name }}</a>
                                @endif
            @endforeach
		</div>
		</div>			
	</div>
	  <div class="mvsc hidden-lg hidden-md">
                <nav id="menu-container" class="arrow">
                    <div id="btn-nav-previous">
                        <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25"
                            viewBox="0 0 24 24">
                                <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" />
                                <path d="M0 0h24v24H0z" fill="none" /></svg>
                    </div>
                    <div id="btn-nav-next">
                        <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25"
                            viewBox="0 0 24 24">
                                <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" />
                                <path d="M0 0h24v24H0z" fill="none" /></svg>
                    </div>
                    <div class="menu-inner-box">
                        <div class="menu">                            
                            @foreach($category->SubCategory->all() as $sub_cat)
                                  <a class="menu-item" href="{{ route('sub_cat.post', ['cat' => $category->slug, 'sub_cat' => $sub_cat->slug]) }}">{{ $sub_cat->name }}</a>
                            @endforeach
                                         
                        </div>
                    </div>
                </nav>
            </div>
	
	
	
<div class="container-bg">
    <div class="container">
        <div class="section_page">
        <section class="section">
                    <div class="row hidden">
                        <div class="col-md-12">
                           <div class="section_heading">
							<a href="{{ category_url($category->id) }}">{{ $category->name }} </a>
							
							
							<div>
							      
							   
							    @foreach($category->SubCategory->all() as $sub_category)
                              
                                   @if($sub_category->slug == $lasturl)
                                    <h2>{{ $sub_category->name }}</h2>
                                   @endif
                               
                                @endforeach
						    </div> 
							  
						   </div>
						   
						   @foreach($category->SubCategory->all() as $sub_cat)
                              
                                @if($sub_cat->slug == $lasturl)
                                    <span style="font-size:20px;color:red;">{{ $sub_cat->name }}</span>
                                @else
                                  <a class="activesubcat" href="{{ route('sub_cat.post', ['cat' => $category->slug, 'sub_cat' => $sub_cat->slug]) }}">{{ $sub_cat->name }}</a>
                                @endif
                           @endforeach
                           
                         
                            
                        </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="{{ route('sub_cat.single_post', ['cat' => $category->slug, 'sub_cat' => $sub_cat_post->sub_cat_id, 'id' => $sub_cat_post->id, 'slug' => $sub_cat_post->slug]) }}"><img src="{{ $sub_cat_post->featured_image }}" alt="{!! $sub_cat_post->headline !!}" class="img-responsive">
									<h2>{!! $sub_cat_post->headline !!}</h2>                                                   
                                </a>
								<p>{{ str_limit($sub_cat_post->excerpt, 200) }}</p>
                            </div>																
                            @else
                                <p class="text-center">দু:খিত! কোন সংবাদ পাওয়া যায় নি...</p>
                            @endif                                          
                        </div> 
                        <div class="col-md-3">
                           <div class="sidebar">
						   <div class="content__col">
							@if($sub_cat_post_two)
								@foreach($sub_cat_post_two as $post)
								
								<div class="border__btm">
                                                            <div class="link-hover-homepage">
                                                                <a href="{{ news_url($post) }}"><img src="{{ $post->featured_image }}" class="img-responsive" alt="{{ $post->headline }}">     														
																	<h3>{!! $post->headline !!}</h3>
                                                                </a>
                                                            </div>
                                                    </div>
									
								@endforeach
							@endif	 
                                </div>
							</div>
						</div>
					<div class="col-md-3">
                          
                        
                    </div>
					</div>
					</div>
                    <hr>
					<div class="row">
					<div class="col-md-9">
					<div class="row">
					<div class="cat-block-2">
				        @if($sub_cat_post_six)
                            @foreach($sub_cat_post_six as $post)
                                <div class="col-md-4 col-xs-6">
                                    <div class="lead_8_content1">
                                        <div class="thumbnail">
                                            <div class="link-hover-homepage">
												<a href="{{ route('sub_cat.single_post', ['cat' => $category->slug, 'sub_cat' => $post->sub_cat_id, 'id' => $post->id, 'slug' => $post->slug]) }}">
													<img src="{{ $post->featured_image }}" class="img-responsive" alt="{{ $post->headline }}">                                                  
                                                </a>
												<div class="body__content__child">
												 <a href="{{ route('sub_cat.single_post', ['cat' => $category->slug, 'sub_cat' => $post->sub_cat_id, 'id' => $post->id, 'slug' => $post->slug]) }}">
													<h3>{{ str_limit($post->headline, 75) }}</h3>
                                                </a>
												</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>											
                            @endforeach
                        @endif
					</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>
				{{--	<p class="row mt more-button-2 text-center">
						<a href="" class="w3-btn w3-red">সব খবর</a>
					</p>--}}
        </section>
        </div>
    </div>
    </div>
    
@endsection