@extends('layout')
@section('content')




<div class="container">

<!-- Block Blog -->
           <div class="col-md-9 col-md-push-3 col-main ">
                 <div class="block-the-blog block-the-blog-opt8">
                     
                    <div class="block-title ">
                       <h3> <span class="title">TIN MỚI CẬP NHẬT </span><h3>
                    </div>
                    
                    


                        @foreach($all_post as $key => $post)

                        <div class="col-md-4 " style="padding: 5px;">
                            <div class="blog-item">
                                <div class="blog-photo">
                                    <a href="{{URL::to('/bai-viet', $post->post_slug)}}"><img src="{{URL::to('public/uploads/post/'.$post->post_image)}}" alt="blog"></a>           
                                </div>
                                <br>
                                <div class="blog-detail">
                                    <strong class="blog-name"><a href="{{URL::to('/bai-viet', $post->post_slug)}}">{{$post->post_title}}</a></strong>
                                    <div class="blog-info">
                                        <div class="blog-date"><span>{{$post->created_at}}</span></div>
                                        <div class="blog-view"><span class=" fa fa-eye">Đã xem:{{$post->post_views}}</span></div>
                                    </div>
                                    <div class="blog-actions">
                                        <a href="{{URL::to('/bai-viet', $post->post_slug)}}" class="action"> Xem thêm</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endforeach
                           
                       
                    </div>
            
            </div><!-- Block Blog -->



{{-- sitebar --}}

    <div class=" col-md-3 col-md-pull-9   col-sidebar">

                        <!-- Block  categorie-->
                        <div class="block-sidebar block-sidebar-categorie ">
                            <div class="block-title">
                                <strong>DANH MỤC BÀI VIẾT </strong>
                            </div>



                        
                            <div class="block-content">

                                @foreach($category_post as $key=> $cate_post)
                                <ul class="items">
                                    <li class="parent">
                                        <a href="{{url('/danh-muc-bai-viet/'.$cate_post->cate_post_slug)}}">{{$cate_post->cate_post_name}} </a>
                                    </li>                                                           
                                </ul>
                                @endforeach
                            </div>
                           
                        </div><!-- Block  categorie-->

                         <!-- Block  Popular Posts-->
                        <div class="block-sidebar block-PopularPosts">
                            <div class="block-title">
                                <strong>TIN NỔI BẬT</strong>
                                 
                            </div>
                            {{-- @foreach($related as $key => $post_hot)
                            <div class="block-content">
                                <ul class="blog-list-sidebar clearfix">
                                    <li>
                                        <div class="post-thumb">
                                            <a href="{{url('/bai-viet/'.$post_hot->post_slug)}}">
                                                <img src="{{URL::to('public/uploads/post/'.$post_hot->post_image)}}" alt="Blog">
                                            </a>
                                        </div>
                                        <div class="post-info">
                                            <h5 class="entry_title"><a href="{{url('/bai-viet/'.$post_hot->post_slug)}}">{{$post_hot->post_title}}</a></h5>
                                            <div class="post-meta">
                                                <span class="date"><i class="fa fa-calendar"></i> {{$post_hot->created_at}}
                                                <span class="comment-count">
                                                    <i class="fa fa-eye"></i> Đã xem:{{$post_relate->post_views}}
                                                </span>
                                            </div>
                                        </div>
                                    </li>
                                   
                                </ul>
                            </div>
                            @endforeach --}}
                        </div><!-- Block  Popular Posts-->

                        <div class="block-sidebar block-sidebar-tags ">
                            <div class="block-title">
                                <strong>product tags</strong>
                            </div>
                            <div class="block-content">
                                <ul>              
                                    <li><a class="lv2" href="">actual</a></li>
                                    <li><a class="lv1" href="">adorable</a></li>
                                    <li><a class="lv3" href="">amaze</a></li>
                                    <li><a class="lv5" href="">change</a></li>
                                    <li><a class="lv2" href="">consider</a></li>
                                    <li><a class="lv1" href="">delivery</a></li>
                                    <li><a class="lv1" href="">Top</a></li>
                                    <li><a class="lv4" href="">flexib</a></li>
                                    <li><a class="lv1" href="">phenomenon </a></li>
                                </ul>
                            </div>
                        </div>

                        <!-- block slide top -->
                        <div class="block-sidebar block-banner-sidebar">
                            <div class="owl-carousel" 
                                data-nav="false" 
                                data-dots="true" 
                                data-margin="0" 
                                data-items='1' 
                                data-autoplayTimeout="700" 
                                data-autoplay="true" 
                                data-loop="true">
                                <div class="item item1" >
                                   <img src="images/media/detail/banner-slide2.jpg" alt="images">
                                </div>
                                <div class="item item2" >
                                   <img src="images/media/detail/banner-slide2.jpg" alt="images">
                                </div>
                                <div class="item item3" >
                                   <img src="images/media/detail/banner-slide2.jpg" alt="images">
                                </div>
                            </div>
                        </div><!-- block slide top -->

                    </div><!-- Sidebar -->

                </div>
            </div>
         </div>   
@endsection