@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>Latest 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}}" target="_blank">{!! $blogs->short_description !!}</a></h3>
                        </li>
                        @endforeach 
                    </ul>
                </div>
            </div>
        </div>   
        <!-- Main Breadcrumb Start -->
        <div class="main--breadcrumb">
            <div class="container">
                <ul class="breadcrumb" style="text-transform: uppercase;">
                    <li><a href="#" class="btn-link"><i class="fa fm fa-home"></i>MetroKerala </a></li>  
                </ul>
            </div>
        </div> 
        
        <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="row gutter--15">
                            <div class="col-md-3">
                                <div class="row gutter--15"> 
                                    
                                    @foreach($banner as $banner)
                                    @if($banner->bnrposition == "1")
                                    <div class="col-md-12 col-xs-6 col-xxs-12">
                                        <!-- Post Item Start -->
                                        <div class="post--item post--layout-1 post--title-large">
                                            <div class="post--img">
                                                <a href="{{$banner->subcategory}}/{{$banner->slug}}" target="_blank" class="thumb"><img src="frontend/bannerimage/blog/updatedpics/home/{{$banner->file}}" style="width:100%;height:190px;" alt=""></a>
                                                <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}}" target="_blank" class="btn-link"> {{ $banner->short_description }} </a></h2>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- Post Item End -->
                                    </div>
                                    @endif
                                    @endforeach


                                    @foreach($secbanner as $secbanner)
                                    <div class="col-md-12 col-xs-6 hidden-xxs">
                                        <!-- Post Item Start -->
                                        <div class="post--item post--layout-1 post--title-large">
                                            <div class="post--img">
                                                <a href="{{$secbanner->subcategory}}/{{$secbanner->slug}}" target="_blank" class="thumb"><img src="frontend/bannerimage/blog/updatedpics/home/{{$secbanner->file}}" style="width:100%;height:190px;" alt=""></a>
                                                <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}}" target="_blank" class="btn-link"> {{$secbanner->short_description}} </a></h2>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- Post Item End -->
                                    </div>
                                    @endforeach
                                    
                                    
                                </div>
                            </div>

                            <div class="col-md-6">
                                <!-- Post Item Start -->
                                <div class="post--item post--layout-1 post--title-larger">
                                    <div class="post--img">
                                        
                                        @foreach($midbanner as $midbanner)
                                        <div class="slideshow-container"> 
                                            <div class="mySlides fade"> 
                                              <iframe width="100%" height="395px" src="https://www.youtube.com/embed/{{$midbanner->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"> {{$midbanner->subcategory}} </a> 
    
                                              <div class="post--info">
                                                <ul class="nav meta">
                                                    <!--<li><a> {{$midbanner->author}} </a></li>-->
                                                    <!--<li><a> {{$midbanner->addeddate}} </a></li>-->
                                                </ul>
    
                                                <div class="title">
                                                    <!--<h2 class="h4"><a href="{{$midbanner->subcategory}}/{{$midbanner->slug}}" target="_blank" class="btn-link"> {{$midbanner->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="col-md-3">
                                <div class="row gutter--15">
                                    
                                    @foreach($fourthbanner as $fourthbanner)
                                    <div class="col-md-12 col-xs-6 col-xxs-12">
                                        <!-- Post Item Start -->
                                        <div class="post--item post--layout-1 post--title-large">
                                            <div class="post--img">
                                                <a class="thumb"><img src="frontend/bannerimage/blog/updatedpics/home/{{$fourthbanner->file}}" style="width:100%;height:190px;" alt=""></a>
                                                <a class="cat"> {{$fourthbanner->subcategory}} </a> 

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

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

                                    
                                    @foreach($fifthbanner as $fifthbanner)
                                    <div class="col-md-12 col-xs-6 hidden-xxs">
                                        <!-- Post Item Start -->
                                        <div class="post--item post--layout-1 post--title-large">
                                            <div class="post--img">
                                                <a class="thumb"><img src="frontend/bannerimage/blog/updatedpics/home/{{$fifthbanner->file}}" style="width:100%;height:190px;" alt=""></a>
                                                <a class="cat"> {{$fifthbanner->subcategory}} </a> 

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

                                                    <div class="title">
                                                        <h2 class="h4"><a href="{{$fifthbanner->subcategory}}/{{$fifthbanner->slug}}" target="_blank" class="btn-link"> {{$fifthbanner->short_description}} </a></h2>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- Post Item End -->
                                    </div>
                                    @endforeach
                                    
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    
                    <!-- Post Items End -->
                </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">
                                <!-- Theatre and Art Start -->
                                <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="videosubcat/kerala"> Kerala </a> </h2>
                                    </div>
                                    
                                    <div class="post--items post--items-2" data-ajax-content="outer">
                                        <ul class="nav" data-ajax-content="inner">
                                            
                                            @foreach($keralaone as $keralaone)
                                            
                                            <li>
                                                <!-- Post Item Start -->
                                                <div class="post--item post--layout-1">
                                                    <div class="post--img">
                                                        <a href="{{$keralaone->subcategory}}/{{$keralaone->slug}}" target="_blank">
                                                            <iframe width="100%" height="175px" src="https://www.youtube.com/embed/{{$keralaone->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">{{$keralaone->subcategory}}</a>
                                                        
                                                        <div class="post--info">
                                                            <!--<ul class="nav meta">-->
                                                            <!--    <li><a href="#">Astaroth</a></li>-->
                                                            <!--    <li><a href="#">Yeasterday 03:52 pm</a></li>-->
                                                            <!--</ul>-->

                                                            <!--<div class="title">-->
                                                            <!--    <h3 class="h4"><a href="news-single-v1.html" class="btn-link">On the other hand, we denounce with righteous indignation and dislike demoralized</a></h3>-->
                                                            <!--</div>-->
                                                        </div>
                                                    </div>

                                                    <div class="post--content">
                                                        <p> {{$keralaone->short_description}} </p>
                                                    </div>

                                                    <div class="post--action">
                                                        <a href="{{$keralaone->subcategory}}/{{$keralaone->slug) }}" target="_blank">Watch Now... </a>
                                                    </div>
                                                </div>
                                                <!-- Post Item End -->
                                            </li>
                                            <li>
                                                <!-- Divider Start -->
                                                <hr class="divider">
                                                <!-- Divider 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>
                                <!-- Theatre and Art End -->

                                <!-- Festival Start -->
                                <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="videosubcat/india">India</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($indiaone as $indiaone)
                                            <li>
                                                <!-- Post Item Start -->
                                                <div class="post--item post--layout-1">
                                                    <div class="post--img">
                                                        <a href="{{$indiaone->subcategory}}/{{$indiaone->slug}}" target="_blank">
                                                            <iframe width="100%" height="175px" src="https://www.youtube.com/embed/{{$indiaone->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">{{$indiaone->subcategory}}</a>
                                                        
                                                        <div class="post--info">
                                                            <!--<ul class="nav meta">-->
                                                            <!--    <li><a href="#">Bathin</a></li>-->
                                                            <!--    <li><a href="#">Yeasterday 03:52 pm</a></li>-->
                                                            <!--</ul>-->

                                                            <div class="title">
                                                                <h3 class="h4"><a href="{{$indiaone->subcategory}}/{{$indiaone->slug}}" target="_blank" class="btn-link"> {{$indiaone->short_description}} </a></h3>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Post Item End -->
                                            </li>
                                            @endforeach
                                            
                                            @foreach($india as $india)
                                            <li>
                                                <!-- Post Item Start -->
                                                <div class="post--item post--layout-3">
                                                    <div class="post--img">
                                                        <a href="{{$india->subcategory}}/{{$india->slug}}" target="_blank" class="thumb">
                                                            <iframe style="width:100px;height:70px;" src="https://www.youtube.com/embed/{{$india->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="#"> {{$india->author}} </a></li>
                                                                <li><a href="#"> {{$india->addeddate}} </a></li>
                                                            </ul>

                                                            <div class="title">
                                                                <h3 class="h4"><a href="{{$india->subcategory}}/{{$india->slug}}" target="_blank" class="btn-link">{{$india->short_description}}</a></h3>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Post Item End -->
                                            </li>
                                            
                                            <hr class="divider">
                                            @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>
                                <!-- Festival End -->

                                <!-- Ad Start -->
                                <div class="col-md-12 ptop--30 pbottom--30">
                                    <!-- Advertisement Start -->
                                    <div class="ad--space">
                                        @foreach($advertisementthree as $advertisementthree)
                                        <a href="#">
                                            <img src="frontend/bannerimage/blog/updatedpics/home/{{$advertisementthree->file}}" alt="" class="center-block">
                                        </a>
                                        @endforeach
                                    </div>
                                    <!-- Advertisement End -->
                                </div>
                                <!-- Ad End -->

                                <!-- Celebrity Life and Style Start -->
                                <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="videosubcat/world"> World </a> </h2>

                                        <div class="nav">
                                            <!--<a href="#" class="prev btn-link" data-ajax-action="load_prev_celebrity_life_style_posts">-->
                                            <!--    <i class="fa fa-long-arrow-left"></i>-->
                                            <!--</a>-->

                                            <!--<span class="divider">/</span>-->

                                            <!--<a href="#" class="next btn-link" data-ajax-action="load_next_celebrity_life_style_posts">-->
                                            <!--    <i class="fa fa-long-arrow-right"></i>-->
                                            <!--</a>-->
                                        </div>
                                    </div>
                                    <!-- Post Items Title End -->

                                    <!-- Post Items Start -->
                                    <div class="post--items post--items-2" data-ajax-content="outer">
                                        <ul class="nav row" data-ajax-content="inner">
                                            <li class="col-md-12">
                                                <!-- Post Item Start -->
                                                <div class="post--item">
                                                    
                                                    @foreach($worldone as $worldone)
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <div class="post--img">
                                                                <a href="{{$worldone->subcategory}}/{{$worldone->slug}}" target="_blank" class="thumb">
                                                                    <iframe style="width:100%;height:180px;" src="https://www.youtube.com/embed/{{$worldone->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">{{$worldone->subcategory}}</a> 
                                                            </div>
                                                        </div>

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

                                                                <div class="title">
                                                                    <h3 class="h4"><a href="{{$worldone->subcategory}}/{{$worldone->slug}}" target="_blank" class="btn-link"> {!! $worldone->short_description !!} </a></h3>
                                                                </div>
                                                            </div>

                                                            <div class="post--content">
                                                                <p> {{ strip_tags($worldone->content) }}</p>
                                                            </div>

                                                            <div class="post--action">
                                                                <a href="{{$worldone->subcategory}}/{{$worldone->slug}}" target="_blank"> Watch More...</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    @endforeach
                                                    
                                                </div>
                                                <!-- Post Item End -->
                                            </li>

                                            <li class="col-md-12">
                                                <!-- Divider Start -->
                                                <hr class="divider">
                                                <!-- Divider End -->
                                            </li>

                                            
                                            @foreach($world as $world)
                                            <li class="col-md-6">
                                                <!-- Post Item Start -->
                                                <div class="post--item post--layout-4">
                                                    <div class="post--img">
                                                        <a href="{{$world->subcategory}}/{{$world->slug}}" target="_blank" class="thumb">
                                                            <iframe style="width:100%;height:80px;" src="https://www.youtube.com/embed/{{$world->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>{{$world->author}}</a></li>
                                                                <li><a>{{$world->addeddate}}</a></li>
                                                            </ul>

                                                            <div class="title">
                                                                <h3 class="h4"><a href="{{$world->subcategory}}/{{$world->slug}}" target="_blank" class="btn-link"> {!! $world->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>
                                <!-- Celebrity Life and Style End -->

                                <!-- Movies Start -->
                                <div class="col-md-6 ptop--30 pbottom--30">
                                    <!-- Post Items Title Start -->
                                    <div class="post--items-title" data-ajax="tab">
                                        <h2 class="h4"> <a href="{{url('videocat/entertainment')}}"> ENTERTAINMENT </a> </h2> 
                                    </div>
                                    <!-- Post Items Title End -->

                                    <!-- Post Items Start -->
                                    <div class="post--items post--items-2" data-ajax-content="outer">
                                        <ul class="nav" data-ajax-content="inner">
                                            
                                            @foreach($entertainmentone as $entertainmentone)
                                            <li>
                                                <!-- Post Item Start -->
                                                <div class="post--item post--layout-1">
                                                    <div class="post--img">
                                                        <a class="thumb">
                                                            <iframe style="width:100%;height:180px;" src="https://www.youtube.com/embed/{{$entertainmentone->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">{{$entertainmentone->subcategory}} </a>
                                                         
                                                        <div class="post--info">
                                                            <!--<ul class="nav meta">-->
                                                            <!--    <li><a href="#">$entertainmentone</a></li>-->
                                                            <!--    <li><a href="#">Yeasterday 03:52 pm</a></li>-->
                                                            <!--</ul>-->

                                                            <!--<div class="title">-->
                                                            <!--    <h3 class="h4"><a href="news-single-v1.html" class="btn-link">On the other hand, we denounce with righteous indignation and dislike demoralized</a></h3>-->
                                                            <!--</div>-->
                                                        </div>
                                                    </div>

                                                    <div class="post--content">
                                                        <p> <h3 class="h4" style="min-height: 58px;"> {!! $entertainmentone->short_description !!} </h3> </p>
                                                    </div>

                                                    <div class="post--action">
                                                        <a href="{{$entertainmentone->subcategory}}/{{$entertainmentone->slug}}" target="_blank"> Watch More... </a>
                                                    </div>
                                                </div>
                                                <!-- Post Item End -->
                                            </li>
                                            <li>
                                                <!-- Divider Start -->
                                                <hr class="divider">
                                                <!-- Divider 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>
                                <!-- Movies End -->

                                <!-- Music Start -->
                                <div class="col-md-6 ptop--30 pbottom--30">
                                    <!-- Post Items Title Start -->
                                    <div class="post--items-title" data-ajax="tab">
                                        <h2 class="h4"><a href="{{url('videocat/sports')}}"> SPORTS</a></h2>
 
                                    </div>
                                    <!-- Post Items Title End -->

                                    <!-- Post Items Start -->
                                    <div class="post--items post--items-2" data-ajax-content="outer">
                                        <ul class="nav" data-ajax-content="inner">
                                            
                                            @foreach($sportsone as $sportsone)
                                            <li>
                                                <!-- Post Item Start -->
                                                <div class="post--item post--layout-1">
                                                    <div class="post--img">
                                                        <a href="{{$sportsone->subcategory}}/{{$sportsone->slug}}" target="_blank" class="thumb">
                                                            <iframe style="width:100%;height:180px;" src="https://www.youtube.com/embed/{{$sportsone->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"> {{$sportsone->subcategory}} </a>
                                                           
                                                    </div>

                                                    <div class="post--content">
                                                        <p> <h3 class="h4" style="min-height:58px;"> {!! $sportsone->short_description !!} </h3> </p>
                                                    </div>

                                                    <div class="post--action">
                                                        <a href="{{$sportsone->subcategory}}/{{$sportsone->slug}}" target="_blank"> Watch More... </a>
                                                    </div>
                                                </div>
                                                <!-- Post Item End -->
                                            </li>
                                            <li>
                                                <!-- Divider Start -->
                                                <hr class="divider">
                                                <!-- Divider 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>
                                <!-- Music End -->
                            </div>
                        </div>
                    </div>
                    <!-- Main Content End -->

                    <!-- Main Sidebar Start -->
                    <div class="main--sidebar col-md-4 col-sm-5 ptop--30 pbottom--30" data-sticky-content="true">
                        <div class="sticky-content-inner">
                            <!-- Widget Start -->
                            <div class="widget">
                                <!-- Ad Widget Start -->
                                <div class="ad--widget">
                                    @foreach($advertisementone as $advertisementone)
                                    <a>
                                        <img src="frontend/bannerimage/blog/updatedpics/home/{{$advertisementone->file}}" alt="">
                                    </a>
                                    @endforeach
                                </div>
                                <!-- Ad Widget End -->
                            </div>
                            <!-- Widget End -->
 
                            <!-- Widget Start -->
                            <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>
                            <!-- Widget End -->
 
                            <!-- Widget Start -->
                            <div class="widget">
                                <div class="widget--title">
                                    <h2 class="h4">Advertisement</h2>
                                    <i class="icon fa fa-bullhorn"></i>
                                </div>

                                <!-- Ad Widget Start -->
                                <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>
                            <!-- Widget End -->
                        </div>
                    </div>
                    <!-- Main Sidebar End -->
                </div>

                <!-- Main Content Start -->
                <div class="main--content pd--30-0">
                    <!-- Post Items Title Start -->
                    <div class="post--items-title" data-ajax="tab">
                        <h2 class="h4"> Latest Hit Videos</h2>
                    </div>
                    <!-- Post Items Title End -->

                    <!-- Post Items Start -->
                    <div class="post--items post--items-4" data-ajax-content="outer">
                        <ul class="nav row" data-ajax-content="inner">
                            
                            @foreach($videoone as $videoone)
                            <li class="col-md-8">
                                <!-- Post Item Start -->
                                <div class="post--item post--layout-1 post--type-video post--title-large">
                                    <div class="post--img">
                                        <a href="{{$videoone->subcategory}}/{{$videoone->slug}}" target="_blank" class="thumb">
                                            <iframe style="width:100%;height:380px;" src="https://www.youtube.com/embed/{{$videoone->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">{{$videoone->subcategory}}</a>
                                          
                                    </div>
                                </div>
                                <!-- Post Item End -->

                                <!-- Divider Start -->
                                <hr class="divider hidden-md hidden-lg">
                                <!-- Divider End -->
                            </li>
                            @endforeach

                            <li class="col-md-4">
                                <ul class="nav">
                                    
                                    @foreach($latesthitside as $latesthitside)
                                    <li>
                                        <!-- Post Item Start -->
                                        <div class="post--item post--type-audio post--layout-3">
                                            <div class="post--img">
                                                <a href="{{$latesthitside->subcategory}}/{{$latesthitside->slug}}" target="_blank" class="thumb">
                                                    <iframe style="width:100%;height:70px;" src="https://www.youtube.com/embed/{{$latesthitside->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>
                                            
                                            <div class="post--info">
                                                <ul class="nav meta">
                                                    <li><a href="#"> {{$latesthitside->author}} </a></li>
                                                    <li><a href="#"> {{$latesthitside->addeddate}} </a></li>
                                                </ul>
    
                                                <div class="title">
                                                    <h3 class="h4"><a href="{{$latesthitside->subcategory}}/{{$latesthitside->slug}}" target="_blank" class="btn-link"> {!! $latesthitside->short_description !!} </a></h3>
                                                </div>
                                            </div>
                                            
                                        </div>
                                        
                                        <!-- Post Item End -->
                                    </li>
                                    @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>
                <!-- Main Content End -->
                    
                <!-- Advertisement Start -->
                <div class="ad--space pd--30-0">
                    @foreach($advertisementfour as $advertisementfour)
                    <a>
                        <img src="frontend/bannerimage/blog/updatedpics/home/{{$advertisementfour->file}}" alt="" class="center-block">
                    </a>
                    @endforeach
                </div>
                <!-- Advertisement 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">
                                <!-- Awards Start -->
                                <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('videocat/business')}}"> BUSINESS </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($businessone as $businessone)
                                            <li class="col-md-4 col-xs-6 col-xxs-12">
                                                <!-- Post Item Start -->
                                                <div class="post--item post--layout-1">
                                                    <div class="post--img">
                                                        <a href="{{$businessone->subcategory}}/{{$businessone->slug}}" target="_blank" class="thumb">
                                                            <iframe style="width:100%;height:170px;" src="https://www.youtube.com/embed/{{$businessone->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="#">Yeasterday 03:52 pm</a></li>-->
                                                            <!--</ul>-->

                                                            <div class="title">
                                                                <!--<h3 class="h4"><a href="" class="btn-link"> {!! $businessone->short_description !!}</a></h3>-->
                                                            </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>
                                <!-- Awards End -->

                                <!-- Books and Magazine Start -->
                                <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('videocat/life')}}" target="_blank"> LIFESTYLE </a>  </h2>
                                    </div>
                                    <!-- Post Items Title End -->

                                    <!-- Post Items Start -->
                                    <div class="post--items post--items-2" data-ajax-content="outer">
                                        <ul class="nav" data-ajax-content="inner">
                                            
                                            @foreach($lifeone as $lifeone)
                                            <li>
                                                <!-- Post Item Start -->
                                                <div class="post--item">
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <div class="post--img">
                                                                <a class="thumb">
                                                                    <iframe style="width:100%;height:180px;" src="https://www.youtube.com/embed/{{$lifeone->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>
                                                        </div>

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

                                                                <div class="title">
                                                                    <h3 class="h4"><a class="btn-link"> {!! $lifeone->short_description !!} </a></h3>
                                                                </div>
                                                            </div>

                                                            <div class="post--content">
                                                                <p> {{ substr(strip_tags($lifeone->content),0,140)." ...."  }} </p>
                                                            </div>

                                                            <div class="post--action">
                                                                <a href="{{$lifeone->subcategory}}/{{$lifeone->slug}}" target="_blank"> Watch More...</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Post Item End -->
                                            </li>

                                            <li>
                                                <!-- Divider Start -->
                                                <hr class="divider">
                                                <!-- Divider 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>
                                <!-- Books and Magazine End -->

                                <!-- Photo Gallery Start -->
                                <div class="col-md-12 ptop--30 pbottom--30">
                                    <!-- Post Items Title Start -->
                                    <div class="post--items-title" data-ajax="tab">
                                        <h2 class="h4"> Science & Tech </h2>
                                    </div>
                                    <!-- Post Items Title End -->

                                    <!-- Post Items Start -->
                                    <div class="post--items post--items-1" data-ajax-content="outer">
                                        <ul class="nav row gutter--15" data-ajax-content="inner">
                                            
                                            @foreach($tech as $tech)
                                            <li class="col-md-12">
                                                <!-- Post Item Start -->
                                                <div class="post--item post--layout-1 post--title-large">
                                                    <div class="post--img">
                                                        <a href="{{$tech->subcategory}}/{{$tech->slug}}" target="_blank" class="thumb">
                                                            <iframe style="width:100%;height:300px;" src="https://www.youtube.com/embed/{{$tech->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">{{ $tech->subcategory }}</a>
                                                         
                                                        <!--<div class="post--info">-->
                                                        <!--    <ul class="nav meta">-->
                                                        <!--        <li><a href="#">Astaroth</a></li>-->
                                                        <!--        <li><a href="#">Today 05:52 pm</a></li>-->
                                                        <!--    </ul>-->

                                                        <!--    <div class="title text-xxs-ellipsis">-->
                                                        <!--        <h2 class="h4"><a href="news-single-v1.html" class="btn-link">Standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum</a></h2>-->
                                                        <!--    </div>-->
                                                        <!--</div>-->
                                                    </div>
                                                </div>
                                                <!-- Post Item End -->
                                            </li>
                                            @endforeach
                                            
                                            @foreach($techbtm as $techbtm)
                                            <li class="col-md-4 col-xs-6 col-xxs-12">
                                                <!-- Post Item Start -->
                                                <div class="post--item post--layout-1">
                                                    <div class="post--img">
                                                        <a href="{{$techbtm->subcategory}}/{{$techbtm->slug}}" target="_blank" class="thumb">
                                                             <iframe style="width:100%;height:200px;" src="https://www.youtube.com/embed/{{$techbtm->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>
                                                </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>
                                <!-- Photo Gallery End -->

                                <!-- Pagination Start -->
                                <!--<div class="col-md-12">-->
                                <!--    <div class="pagination--wrapper ptop--30 pbottom--30 clearfix">-->
                                <!--        <p class="pagination-hint float--left">Page 02 of 03</p>-->

                                <!--        <ul class="pagination float--right">-->
                                <!--            <li><a href="#"><i class="fa fa-long-arrow-left"></i></a></li>-->
                                <!--            <li><a href="#">01</a></li>-->
                                <!--            <li class="active"><span>02</span></li>-->
                                <!--            <li><a href="#">03</a></li>-->
                                <!--            <li><a href="#"><i class="fa fa-long-arrow-right"></i></a></li>-->
                                <!--        </ul>-->
                                <!--    </div>-->
                                <!--</div>-->
                                <!-- Pagination End -->
                            </div>
                        </div>
                    </div>
                    <!-- Main Content End -->

                    <!-- Main Sidebar Start -->
                    <div class="main--sidebar col-md-4 col-sm-5 ptop--30 pbottom--30" data-sticky-content="true">
                        <div class="sticky-content-inner">
                             
                            <!-- Widget Start -->
                            
                            <div class="widget">
                                <!-- Ad Widget Start -->
                                <div class="ad--widget">
                                    <div class="row">
                                        @foreach($advertisementsix as $advertisementsix)
                                        <div class="col-sm-6">
                                            <a href="#">
                                                <img src="frontend/bannerimage/blog/updatedpics/home/{{$advertisementsix->file}}" alt="">
                                            </a>
                                        </div>
                                        @endforeach
                                    </div>
                                </div>
                                <!-- Ad 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>
                            
                            <!-- 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}}" target="_blank" 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}}" target="_blank" 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