@extends('layout')
@section('content')
  <!-- Section: page title -->
          @foreach($post_by_id as $key => $p)

    <section class="page-title layer-overlay overlay-dark-9 section-typo-light bg-img-center" data-tm-bg-img="{{url('/public/uploads/post/'.$p->post_image)}}">
      <div class="container pt-50 pb-50">
        <div class="section-content">
          <div class="row">
            <div class="col-md-12 text-center">
              <h2 class="title">Bài Viết</h2>
              <nav class="breadcrumbs" role="navigation" aria-label="Breadcrumbs">
                <div class="breadcrumbs">
                  <span><a href="/">Trang Chủ</a></span>
                  <span><i class="fa fa-angle-right"></i></span>
                  <span><a href="{{url('/bai-viet/'.$p->post_slug)}}">{{$p->post_title}}</a></span>
                  <span><i class="fa fa-angle-right"></i></span>
                 
                </div>
              </nav>
            </div>
          </div>
        </div>
         @endforeach 
      </div>
    </section>


    <!-- Section: Blog -->
    <section>
       
      <div class="container mt-30 mb-30 pt-30 pb-30">
        <div class="row">
          <div class="col-sm-12 col-md-12 col-lg-10 mx-auto">
            @foreach($post_by_id as $key => $p)
            <div class="blog-posts single-post">
              <article class="post clearfix mb-0">
                <div class="entry-header mb-30">
                  <!--  <div class="post-thumb thumb"> <img src="{{url('/public/uploads/post/'.$p->post_image)}}" alt="" class="img-responsive img-fullwidth"> </div> -->
                  
                  <h2><a href="{{url('/bai-viet/'.$p->post_slug)}}">{{$p->post_title}}</a></h2>
                  <div class="entry-meta mt-0">
                    <span class="mb-10 text-gray-darkgray mr-10 font-size-13"><i class="far fa-calendar-alt mr-10 text-theme-colored"></i> Jul 20, 2023</span>
                  </div>
                </div>
                 
                  </div>
                  
                    <div class="entry-content">
                
                  <p>{!!$p->post_content!!}</p>     
                </div>
                


              </article>

            </div>

            @endforeach 
          </div>
         
        </div>
      </div>
      </div>
    </section>
  
  <!-- end main-content -->

<!-- MAIN -->
        

        <!--================End Bolg Details Area =================-->

        <section class="special_dish_area">
            <div class="container">
                <div class="special_dish_inner_area">
                    <div class="main_big_title">
                        <h2>Tin <span>Liên Quan</span></h2>
                        <p>các bài viết liên có nội dung tương tự với nội dung trên </p>
                    </div>
                    <div class="row special_dish_inner">
                         @foreach($related as $key => $post_relate)
                        <div class="col-md-3 col-xs-6">
                            <div class="special_dish_item">
                                <div class="dish_img">
                                   <a href="{{url('/bai-viet/'.$post_relate->post_slug)}}">
                                                <img src="{{URL::to('public/uploads/post/'.$post_relate->post_image)}}" alt="Blog">
                                    </a>
                                </div>
                                <a href="{{url('/bai-viet/'.$post_relate->post_slug)}}"><h4>{{$post_relate->post_title}}</h4></a>
                                <p>{!!$post_relate->post_desc!!}</p>
                            </div>
                        </div>
                        @endforeach 
                    </div>
                </div>
            </div>
        </section>




@endsection