@extends('frontend.default')

@section('content')

    <style>
        .post--img .thumb .homeimgcatone
        {
            height:120px;
        }
        .post--img .thumb .imgkeralafir
        {
            height:175px;
        }
        .post--img .thumb .indimg
        {
            height:80px;
        }
        .worldimg
        {
            height:89px;
        }
    </style>


        <!-- News Ticker Start -->
        <div class="news--ticker">
            <div class="container">
                <div class="title">
                    <h2>News Updates</h2>
                    <span> </span>
                </div>

                <div class="news-updates--list" data-marquee="true">
                    <ul class="nav">
                        @foreach($blog as $blogs)
                        <li>
                            <h3 class="h3"><a href="{{$blogs->subcategory}}/{{$blogs->slug}}">{{$blogs->short_description}}</a></h3>
                        </li>
                        @endforeach 
                    </ul>
                </div>
                
            </div>
        </div>
        <!-- News Ticker End -->

        <!-- Main Content Section Start -->
        <div class="main-content--section pbottom--30">
            <div class="container">
                <!-- Main Content Start -->
                <div class="main--content">
                    <!-- Post Items Start -->
                    <div class="post--items post--items-1 pd--30-0">
                        
                        <div class="col-md-6" style="padding-left:0px;">
                            <!-- Post Item Start -->
                            <div class="post--item post--layout-1 post--title-larger">
                                <div class="post--img">
                                    
                                    @foreach($banner as $banner)
                                    <div class="slideshow-container"> 
                                        <div class="mySlides fade"> 
                                          <iframe width="100%" height="395px" src="https://www.youtube.com/embed/{{$banner->file}}?rel=0" title="YouTube video player" autoplay="autoplay" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                          <!--<a class="cat"> {{$banner->subcategory}} </a> -->

                                          <!--<div class="post--info">-->
                                          <!--  <ul class="nav meta">-->
                                          <!--      <li><a> {{$banner->author}} </a></li>-->
                                          <!--      <li><a> {{$banner->addeddate}} </a></li>-->
                                          <!--  </ul>-->

                                          <!--  <div class="title">-->
                                                <!--<h2 class="h4"><a href="{{$banner->subcategory}}/{{$banner->slug}}" class="btn-link"> {{$banner->short_description}} </a></h2>-->
                                          <!--  </div>-->
                                          <!--</div> -->
                                        </div>  
                                    </div>
                                    @endforeach
                                                      
                                    <div style="text-align:center;padding-top:10px;">
                                    <span class="dot"></span> 
                                    <span class="dot"></span> 
                                    <span class="dot"></span> 
                                    </div>
                                    
                                    
                                </div>
                            </div>
                            <!-- Post Item End -->
                        </div>
                        
                        <div class="row gutter--15">
                            
                            <div class="col-md-6">
                                <div class="row gutter--15">
                                    
                                    @foreach($secbanner as $secbanner)
                                    <div class="col-xs-6 col-xss-12">
                                        <!-- Post Item Start -->
                                        <div class="post--item post--layout-1 post--title-large">
                                            <div class="post--img">
                                                <iframe width="100%" height="190px" src="https://www.youtube.com/embed/{{$banner->file}}?rel=0" title="YouTube video player" autoplay="autoplay" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                                <!--<a class="cat"> {{$secbanner->subcategory}} </a> -->

                                                <!--<div class="post--info">-->
                                                <!--    <ul class="nav meta">-->
                                                <!--        <li><a> {{$secbanner->author}} </a></li>-->
                                                <!--        <li><a> {{$secbanner->addeddate}} </a></li>-->
                                                <!--    </ul>-->

                                                <!--    <div class="title">-->
                                                <!--        <h2 class="h4"><a href="{{$secbanner->subcategory}}/{{$secbanner->slug}}" class="btn-link">{{$secbanner->short_description}}</a></h2>-->
                                                <!--    </div>-->
                                                <!--</div>-->
                                            </div>
                                        </div>
                                        <!-- Post Item End -->
                                    </div>
                                    @endforeach
                                    
                                    @foreach($advertisementone as $advertisementone)
                                    <div class="col-xs-6 hidden-xss">
                                        <!-- Post Item Start -->
                                        <div class="post--item post--layout-1 post--title-large">
                                            <div class="post--img">
                                                <a class="thumb"><img src="http://mk2.codecl.in/frontend/bannerimage/blog/updatedpics/home/{{$advertisementone->file}}" style="width:100%;height:190px;" alt=""></a>
                                                <a class="cat"> {{$advertisementone->subcategory}} </a> 
 
                                                <div class="post--info">
                                                    <ul class="nav meta">
                                                        <li><a> {{$advertisementone->author}} </a></li> 
                                                    </ul>

                                                    <div class="title">
                                                        <h2 class="h4"><a href="{{$advertisementone->subcategory}}/{{$advertisementone->slug}}" class="btn-link"> {{$advertisementone->short_description}} </a></h2>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- Post Item End -->
                                    </div>
                                    @endforeach

                                    @foreach($fourthbanner as $fourthbanner)
                                    <div class="col-sm-12 hidden-sm hidden-xs">
                                        <!-- Post Item Start -->
                                        <div class="post--item post--layout-1 post--title-larger">
                                            <div class="post--img">
                                                <a class="thumb"><img src="http://mk2.codecl.in/frontend/bannerimage/blog/updatedpics/home/{{$fourthbanner->file}}" style="width:100%;height:182px;" alt=""></a>
                                                <a class="cat"> {{$fourthbanner->subcategory}} </a> 

                                                <div class="post--info">
                                                    <ul class="nav meta">
                                                        <li><a href="#"> {{$fourthbanner->addeddate}} </a></li>
                                                        <li><a href="#"> {{$fourthbanner->author}} </a></li>
                                                    </ul>

                                                    <div class="title">
                                                        <h2 class="h4"><a class="btn-link"> {{$fourthbanner->short_description}} </a></h2>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- Post Item End -->
                                    </div>
                                    @endforeach
                                    
                                </div>
                            </div>
                        </div>
                        
                        
                        
                        
                    </div>
                    <!-- Post Items End -->
                </div>
                <!-- Main Content End -->

                <div class="row">
                    <!-- Main Content Start -->
                    <div class="main--content col-md-8 col-sm-7" data-sticky-content="true">
                        <div class="sticky-content-inner">
                            <div class="row">
                                <!-- World News Start -->
                                
                                @if(count($catblogs1) == "1") 
                                <div class="col-md-6 ptop--30 pbottom--10">
                                    <!-- Post Items Title Start -->
                                    <div class="post--items-title" data-ajax="tab">
                                        <h2 class="h4"> <a href="{{ url('videosubcat/'.$catblogs1[0]->catslug)}}"> {{ $catblogs1[0]->subcategory }} </a> </h2> 
                                    </div>
                                    <!-- Post Items Title End -->

                                    <!-- Post Items Start -->
                                    <div class="post--items post--items-2" data-ajax-content="outer">
                                        <ul class="nav row gutter--15" data-ajax-content="inner">
                                            
                                            @foreach($catblogs1 as $catblogs1)
                                            <li class="col-xs-12">
                                                <!-- Post Item Start -->
                                                <div class="post--item">
                                                    <div class="post--img">
                                                        <a class="thumb">
                                                            <iframe style="width:100%;height:180px;" src="https://www.youtube.com/embed/{{$catblogs1->file}}?rel=0" title="YouTube video player" autoplay="autoplay" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                                        </a>
                                                        <a href="#" class="cat"> {{$catblogs1->subcategory}} </a> 
                                                    </div>
                                                </div>
                                                <!-- Post Item End -->
                                            </li>
                                            @endforeach
                                            
                                            <li class="col-xs-12">
                                                <!-- Divider Start -->
                                                <hr class="divider">
                                                <!-- Divider End -->
                                            </li>
                                            
                                                                                        
                                            @foreach($catblogs11 as $catblogs11)
                                            <li class="col-xs-6">
                                                <!-- Post Item Start -->
                                                <div class="post--item post--layout-2">
                                                    <div class="post--img">
                                                        <a href="news-single-v1.html" class="thumb">
                                                            <iframe style="width:100%;height:120px;" src="https://www.youtube.com/embed/{{$catblogs11->file}}?rel=0" title="YouTube video player" autoplay="autoplay" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                                        </a>

                                                        <div class="post--info">
                                                            <ul class="nav meta">
                                                                <li><a> {{$catblogs11->author}} </a></li>
                                                                <li><a> {{$catblogs11->addeddate}} </a></li>
                                                            </ul>

                                                            <div class="title">
                                                                <h3 class="h4"><a href="" class="btn-link"> {{$catblogs11->short_description}} </a></h3>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Post Item End -->
                                            </li>
                                            
                                                                                        
                                            @if($count == "2")
                                            
                                            <li class="col-xs-12">
                                                <!-- Divider Start -->
                                                <hr class="divider">
                                                <!-- Divider End -->
                                            </li>
                                            
                                            @endif
                                            
                                            @endforeach
                                            
                                        </ul>

                                        <!-- Preloader Start -->
                                        <div class="preloader bg--color-0--b" data-preloader="1">
                                            <div class="preloader--inner"></div>
                                        </div>
                                        <!-- Preloader End -->
                                    </div>
                                    <!-- Post Items End -->
                                </div>
                                @endif
                                
                                <!-- World News End -->

                                @if(count($catblogs2) == "1")
                                <div class="col-md-6 ptop--30 pbottom--10">
                                    <!-- Post Items Title Start -->
                                    <div class="post--items-title" data-ajax="tab">
                                        <h2 class="h4"> <a href="{{ url('videosubcat/'.$catblogs2[0]->catslug)}}"> {{ $catblogs2[0]->subcategory }} </a> </h2>
                                    </div>
                                    <!-- Post Items Title End -->

                                    <!-- Post Items Start -->
                                    <div class="post--items post--items-3" data-ajax-content="outer">
                                        <ul class="nav" data-ajax-content="inner">
                                            
                                            @foreach($catblogs2 as $catblogs2)
                                            <li>
                                                <!-- Post Item Start -->
                                                <div class="post--item">
                                                    <div class="post--img">
                                                        <a class="thumb">
                                                            <iframe style="width:100%;height:180px;" src="https://www.youtube.com/embed/{{$catblogs2->file}}?rel=0" title="YouTube video player" autoplay="autoplay" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                                        </a>
                                                        <a href="#" class="cat">{{$catblogs2->subcategory}}</a>
                                                        
                                                    </div>
                                                </div>
                                                <!-- Post Item End -->
                                            </li>
                                            @endforeach
                                            
                                            @if(count($catblogs21) >= "1")
                                            @foreach($catblogs21 as $catblogs21)
                                            <li>
                                                <!-- Post Item Start -->
                                                <div class="post--item post--layout-3">
                                                    <div class="post--img">
                                                        <a class="thumb">
                                                            <iframe style="width:100%;height:75px;" src="https://www.youtube.com/embed/{{$catblogs2->file}}?rel=0" title="YouTube video player" autoplay="autoplay" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                                        </a>

                                                        <div class="post--info">
                                                            <ul class="nav meta">
                                                                <li><a> {{$catblogs21->author}} </a></li>
                                                                <li><a> {{$catblogs21->addeddate}} </a></li>
                                                            </ul>

                                                            <div class="title">
                                                                <h3 class="h4"><a href="news-single-v1.html" class="btn-link"> {{$catblogs21->short_description}} </a></h3>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Post Item End -->
                                            </li>
                                            @endforeach
                                            @endif
                                            
                                        </ul>

                                        <!-- Preloader Start -->
                                        <div class="preloader bg--color-0--b" data-preloader="1">
                                            <div class="preloader--inner"></div>
                                        </div>
                                        <!-- Preloader End -->
                                    </div>
                                    <!-- Post Items End -->
                                </div>
                                @endif
                                

                                <!-- Ad Start -->
                                <div class="col-md-12 ptop--5 pbottom--30">
                                    <!-- Advertisement Start -->
                                    <div class="ad--space">
                                        <a href="#">
                                            <img src="img/ads-img/ad-728x90-01.jpg" alt="" class="center-block">
                                        </a>
                                    </div>
                                    <!-- Advertisement End -->
                                </div>
                                <!-- Ad End -->

                                @if(count($catblogs3) == "1")
                                <div class="col-md-12 ptop--30 pbottom--25">
                                    <!-- Post Items Title Start -->
                                    <div class="post--items-title" data-ajax="tab">
                                        <h2 class="h4"> <a href="{{ url('videosubcat/'.$catblogs3[0]->catslug)}}"> {{ $catblogs3[0]->subcategory }} </a> </h2> 
                                    </div>
                                    
                                    <div class="post--items post--items-2" data-ajax-content="outer">
                                        <ul class="nav row" data-ajax-content="inner">
                                            
                                            @foreach($catblogs3 as $catblogs3)
                                            <li class="col-md-6">
                                                <!-- Post Item Start -->
                                                <div class="post--item post--layout-2">
                                                    <div class="post--img">
                                                        <a class="thumb">
                                                            <iframe style="width:100%;height:240px;" src="https://www.youtube.com/embed/{{$catblogs3->file}}?rel=0" title="YouTube video player" autoplay="autoplay" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                                        </a>
                                                        <a href="#" class="cat">{{$catblogs3->subcategory}}</a>
                                                        
                                                        <div class="post--info">
                                                            <ul class="nav meta">
                                                                <li><a> {{$catblogs3->author}} </a></li>
                                                                <li><a> {{$catblogs3->addeddate}} </a></li>
                                                            </ul>

                                                            <div class="title">
                                                                <h3 class="h4"><a href="news-single-v1.html" class="btn-link"> {{$catblogs3->short_description}} </a></h3>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Post Item End -->
                                            </li>
                                            @endforeach
                                            

                                            <li class="col-md-6">
                                                <ul class="nav row">
                                                    <li class="col-xs-12 hidden-md hidden-lg">
                                                        <!-- Divider Start -->
                                                        <hr class="divider">
                                                        <!-- Divider End -->
                                                    </li>

                                                    
                                                    @foreach($catblogs31 as $catblogs31)
                                                    <li class="col-xs-6">
                                                        <!-- Post Item Start -->
                                                        <div class="post--item post--layout-2">
                                                            <div class="post--img">
                                                                <a class="thumb">
                                                                    <iframe style="width:100%;height:75px;" src="https://www.youtube.com/embed/{{$catblogs31->file}}?rel=0" title="YouTube video player" autoplay="autoplay" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                                                </a>
                                                                
                                                                <div class="post--info">
                                                                    <ul class="nav meta">
                                                                        <li><a> {{$catblogs31->author}} </a></li>
                                                                        <li><a> {{$catblogs31->addeddate}} </a></li>
                                                                    </ul>

                                                                    <div class="title">
                                                                        <h3 class="h4"><a href="news-single-v1.html" class="btn-link"> {{$catblogs31->short_description}} </a></h3>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!-- Post Item End -->
                                                    </li>
                                                    
                                                                                                
                                                    @if($count == "2")
                                                    
                                                    <li class="col-xs-12">
                                                        <!-- Divider Start -->
                                                        <hr class="divider">
                                                        <!-- Divider End -->
                                                    </li>
                                                    
                                                    @endif
                                                    
                                                    @endforeach
  
                                                </ul>
                                            </li>
                                        </ul>

                                        <!-- Preloader Start -->
                                        <div class="preloader bg--color-0--b" data-preloader="1">
                                            <div class="preloader--inner"></div>
                                        </div>
                                        <!-- Preloader End -->
                                    </div>
                                    <!-- Post Items End -->
                                </div>
                                @endif
                                
                            </div>
                        </div>
                    </div>
                    <!-- Main Content End -->

                    <!-- Main Sidebar Start -->
                    <div class="main--sidebar col-md-4 col-sm-5 ptop--30 pbottom--10" data-sticky-content="true">
                        <div class="sticky-content-inner">
                            <!-- Widget Start -->
                            <div class="widget">
                                <div class="widget--title">
                                    <h2 class="h4">Tags</h2>
                                    <i class="icon fa fa-tags"></i>
                                </div>

                                <!-- Tags Widget Start -->
                                <div class="tags--widget style--1">
                                    <ul class="nav">
                                        @foreach($tag as $tag)
                                        <li><a>{{$tag->tags}}</a></li> 
                                        @endforeach
                                    </ul>
                                </div>
                                <!-- Tags Widget End -->
                            </div>
                            <!-- Widget End -->
   
                            <div class="widget">
                                <div class="widget--title">
                                    <h2 class="h4">Stay Connected</h2>
                                    <i class="icon fa fa-share-alt"></i>
                                </div>

                                <!-- Social Widget Start -->
                                <div class="social--widget style--4">
                                    <ul class="nav">
                                        <li><a href="https://www.facebook.com/metrokerala/?ref=pages_you_manage" target="_blank"><i class="fa fa-facebook"></i></a></li>
                                        <li><a href="#"><i class="fa fa-twitter"></i></a></li> 
                                        <li><a href="#"><i class="fa fa-linkedin"></i></a></li> 
                                        <li><a href="#"><i class="fa fa-youtube-play"></i></a></li>
                                    </ul>
                                </div>
                                <!-- Social Widget End -->
                            </div>
                            
                            <div class="widget">
                                <div class="widget--title">
                                    <h2 class="h4">Get Newsletter</h2>
                                    <i class="icon fa fa-envelope-open-o"></i>
                                </div>

                                <!-- Subscribe Widget Start -->
                                <div class="subscribe--widget">
                                    <div class="content">
                                        <p>Subscribe to our newsletter to get  latest news, popular news and exclusive updates.</p>
                                    </div>

                                    <form action="{{url('subscribe')}}" method="post">
                                        @csrf
                                        <div class="input-group">
                                            <input type="email" name="email" placeholder="E-mail address" class="form-control" autocomplete="off" required>

                                            <div class="input-group-btn">
                                                <button type="submit" class="btn btn-lg btn-default active"><i class="fa fa-paper-plane-o"></i></button>
                                            </div>
                                        </div>

                                        <div class="status"></div>
                                    </form>
                                    
                                </div>
                                <!-- Subscribe Widget End -->
                            </div>
                             
                            <div class="widget">
                                <div class="widget--title">
                                    <h2 class="h4">Advertisement</h2>
                                    <i class="icon fa fa-bullhorn"></i>
                                </div>
 
                                <div class="ad--widget">
                                    @foreach($advertisementtwo as $advertisementtwo)
                                    <a>
                                        <img src="../frontend/bannerimage/blog/updatedpics/home/{{$advertisementtwo->file}}" alt="">
                                    </a>
                                    @endforeach
                                </div>
                                <!-- Ad Widget End -->
                            </div>
                            
                             
                             
                        </div>
                    </div>
                    <!-- Main Sidebar End -->
                </div>
 
  
                <div class="ad--space pd--30-0">
                    <a href="#">
                        <img src="img/ads-img/ad-970x90.jpg" alt="" class="center-block">
                    </a>
                </div>
                 
                <div class="row">
                    <!-- Main Content Start -->
                    <div class="main--content col-md-8 col-sm-7" data-sticky-content="true">
                        <div class="sticky-content-inner">
                            <div class="row">
                                 
                                @if(count($catblogs4) >= "1")
                                <div class="col-md-12 ptop--10 pbottom--30">
                                    <!-- Post Items Title Start -->
                                    <div class="post--items-title" data-ajax="tab">
                                        <h2 class="h4"> <a href="{{ url('videosubcat/'.$catblogs4[0]->catslug)}}"> {{ $catblogs4[0]->subcategory }} </a> </h2> 
                                    </div>
                                    <!-- Post Items Title End -->

                                    <!-- Post Items Start -->
                                    <div class="post--items" data-ajax-content="outer">
                                        <ul class="nav row gutter--15" data-ajax-content="inner">
                                            
                                            @foreach($catblogs4 as $catblogs4)
                                            <li class="col-md-4 col-xs-6 col-xxs-12">
                                                <!-- Post Item Start -->
                                                <div class="post--item">
                                                    <div class="post--img">
                                                        <a class="thumb">
                                                            <iframe style="width:100%;height:180px;" src="https://www.youtube.com/embed/{{$catblogs3->file}}?rel=0" title="YouTube video player" autoplay="autoplay" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                                        </a>
                                                        
                                                        <div class="post--info">
                                                            <ul class="nav meta">
                                                                <li><a> {{$catblogs4->author}} </a></li>
                                                                <li><a> {{$catblogs4->addeddate}} </a></li>
                                                            </ul>

                                                            <div class="title">
                                                                <h3 class="h4"><a href="news-single-v1.html" class="btn-link"> {{$catblogs4->short_description}} </a></h3>
                                                            </div>
                                                        </div> 
                                                        
                                                    </div>
                                                </div>
                                                <!-- Post Item End -->
                                            </li>
                                            @endforeach
                                            
                                            <li class="col-xs-12 hidden shown-xxs">
                                                <!-- Divider Start -->
                                                <hr class="divider">
                                                <!-- Divider End -->
                                            </li>
                                              
                                        </ul>

                                        <!-- Preloader Start -->
                                        <div class="preloader bg--color-0--b" data-preloader="1">
                                            <div class="preloader--inner"></div>
                                        </div>
                                        <!-- Preloader End -->
                                    </div>
                                    <!-- Post Items End -->
                                </div>
                                @endif 
                                 
                                 

                                @if(count($catblogs5) >= "1")
                                <div class="col-md-12 ptop--30 pbottom--30">
                                    <!-- Post Items Title Start -->
                                    <div class="post--items-title" data-ajax="tab">
                                        <h2 class="h4"> <a href="{{ url('videosubcat/'.$catblogs5[0]->catslug)}}">  {{ $catblogs5[0]->subcategory }} </a> </h2> 
                                    </div>
                                    
                                    <div class="post--items post--items-1" data-ajax-content="outer">
                                        <ul class="nav row gutter--15" data-ajax-content="inner">
                                            
                                            @foreach($catblogs5 as $catblogs5)
                                            <li class="col-md-12">
                                                <!-- Post Item Start -->
                                                <div class="post--item post--title-large">
                                                    <div class="post--img">
                                                        <a class="thumb">
                                                            <iframe style="width:100%;height:292px;" src="https://www.youtube.com/embed/{{$catblogs5->file}}?rel=0" title="YouTube video player" autoplay="autoplay" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                                        </a>
                                                        <a href="#" class="cat"> {{$catblogs5->short_description}} </a>
                                                        
                                                    </div>
                                                </div>
                                                <!-- Post Item End -->
                                            </li>
                                            @endforeach
                                            
                                            @foreach($catblogs51 as $catblogs51)
                                            <li class="col-md-4 col-xs-6 col-xxs-12">
                                                <!-- Post Item Start -->
                                                <div class="post--item">
                                                    <div class="post--img">
                                                        <a class="thumb">
                                                            <iframe style="width:100%;height:180px;" src="https://www.youtube.com/embed/{{$catblogs51->file}}?rel=0" title="YouTube video player" autoplay="autoplay" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                                        </a>
                                                        
                                                        <div class="post--info">
                                                            <ul class="nav meta">
                                                                <li><a href="#">Astaroth</a></li>
                                                                <li><a href="#">Today 03:52 pm</a></li>
                                                            </ul>

                                                            <div class="title">
                                                                <h2 class="h4"><a href="news-single-v1.html" class="btn-link">It is a long established fact that a reader will be distracted by</a></h2>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Post Item End -->
                                            </li>
                                            @endforeach
                                            
                                        </ul>

                                        <!-- Preloader Start -->
                                        <div class="preloader bg--color-0--b" data-preloader="1">
                                            <div class="preloader--inner"></div>
                                        </div>
                                        <!-- Preloader End -->
                                    </div>
                                    <!-- Post Items End -->
                                </div>
                                @endif
                                
                                
                                @if(count($catblogs6) >= "1")
                                <div class="col-md-12 ptop--10 pbottom--30">
                                    <!-- Post Items Title Start -->
                                    <div class="post--items-title" data-ajax="tab">
                                        <h2 class="h4"> <a href="{{ url('videosubcat/'.$catblogs6[0]->catslug)}}"> {{ $catblogs6[0]->subcategory }} </a> </h2> 
                                    </div>
                                    <!-- Post Items Title End -->

                                    <!-- Post Items Start -->
                                    <div class="post--items" data-ajax-content="outer">
                                        <ul class="nav row gutter--15" data-ajax-content="inner">
                                            
                                            @foreach($catblogs6 as $catblogs6)
                                            <li class="col-md-4 col-xs-6 col-xxs-12">
                                                <!-- Post Item Start -->
                                                <div class="post--item">
                                                    <div class="post--img">
                                                        <a class="thumb">
                                                            <iframe style="width:100%;height:180px;" src="https://www.youtube.com/embed/{{$catblogs6->file}}?rel=0" title="YouTube video player" autoplay="autoplay" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                                        </a>
                                                        
                                                        <div class="post--info">
                                                            <ul class="nav meta">
                                                                <li><a> {{$catblogs6->author}} </a></li>
                                                                <li><a> {{$catblogs6->addeddate}} </a></li>
                                                            </ul>

                                                            <div class="title">
                                                                <h3 class="h4"><a href="news-single-v1.html" class="btn-link"> {{$catblogs6->short_description}} </a></h3>
                                                            </div>
                                                        </div> 
                                                        
                                                    </div>
                                                </div>
                                                <!-- Post Item End -->
                                            </li>
                                            @endforeach
                                            
                                            <li class="col-xs-12 hidden shown-xxs">
                                                <!-- Divider Start -->
                                                <hr class="divider">
                                                <!-- Divider End -->
                                            </li>
                                              
                                        </ul>

                                        <!-- Preloader Start -->
                                        <div class="preloader bg--color-0--b" data-preloader="1">
                                            <div class="preloader--inner"></div>
                                        </div>
                                        <!-- Preloader End -->
                                    </div>
                                    <!-- Post Items End -->
                                </div>
                                @endif 
                                 
                                
                                
                            </div>
                        </div>
                    </div>
                    <!-- Main Content End -->

                    <!-- Main Sidebar Start -->
                    <div class="main--sidebar col-md-4 col-sm-5 ptop--10 pbottom--30" data-sticky-content="true">
                        <div class="sticky-content-inner">
                            
                            <!-- Widget Start -->
                            <div class="widget">
                                <div class="widget--title" data-ajax="tab">
                                    <h2 class="h4"> Previous Articles </h2>

                                    <div class="nav">
                                         
                                    </div>
                                </div>

                                <!-- List Widgets Start -->
                                <div class="list--widget list--widget-1" data-ajax-content="outer">
                                    <!-- Post Items Start -->
                                    <div class="post--items post--items-3">
                                        <ul class="nav" data-ajax-content="inner">
                                       
                                            @foreach($editorschoice as $editorschoice)
                                            <li> 
                                                <div class="post--item post--layout-3">
                                                    <div class="post--img">
                                                        <a href="{{$editorschoice->subcategory}}/{{$editorschoice->slug}}" class="thumb"><img style="height:80px;" src="../frontend/bannerimage/blog/updatedpics/home/{{$editorschoice->file}}" alt=""></a>

                                                        <div class="post--info">
                                                            <ul class="nav meta">
                                                                <li><a>{{$editorschoice->author}}</a></li>
                                                                <li><a>{{$editorschoice->addeddate}}</a></li>
                                                            </ul>

                                                            <div class="title">
                                                                <h3 class="h4" style="line-height: 18px;"><a href="{{$editorschoice->subcategory}}/{{$editorschoice->slug}}" class="btn-link" style="font-size: 12px;">{{$editorschoice->short_description}}</a></h3>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div> 
                                            </li>
                                            @endforeach
                                            
                                        </ul>

                                        <!-- Preloader Start -->
                                        <div class="preloader bg--color-0--b" data-preloader="1">
                                            <div class="preloader--inner"></div>
                                        </div>
                                        <!-- Preloader End -->
                                    </div>
                                    <!-- Post Items End -->
                                </div>
                                <!-- List Widgets End -->
                            </div>
                            <!-- Widget End -->
                          

                        </div>
                    </div>
                    <!-- Main Sidebar End -->
                </div>
            </div>
        </div>
        <!-- Main Content Section End -->

         


@endsection