@extends('layouts.front')

@section('main_content')
<div class="container-bg">
    <div class="container">
        <div class="section_2_page">
        <section class="section">
            <div class="row"> 
                <div class="col-md-8">                   
                    <div class="content-body">
                        @foreach($posts as $post)
                                <div class="callout-card">
                        <div class="row" style="margin-bottom: 15px;border-bottom: 1px solid #ececec; padding-bottom: 15px;">
                          
                    <div class="col-md-3 col-xs-4 col-sm-4">
                          <a href="{{ news_url($post) }}"><img style="margin: 6px 0;" class="media-object img-responsive" src="{{$post->featured_image}}" alt="{{ $post->headline }}"></a>
                    </div>
                      <div class="col-md-9 col-xs-8 col-sm-8">
                          <div class="media-body">
                              <ul class="list-inline ">
                                  <li><h4 class="media-heading"><a
                                                  href="{{ news_url($post) }}"><strong>{{ $post->headline }}</strong></a>
                                      </h4></li>
                                  <li class="pull-right"><i class="fa fa-clock-o"></i> {{ bangla_published_time($post->created_at) }}</li>
                                  <li class="clearfix"></li>
                              </ul>
                              <p class="hidden-xs" style="margin: 8px 0 20px 0">{{ str_limit($post->excerpt, 140) }} <a href="{{ news_url($post) }}"><strong>বিস্তারিত</strong></a></p></p>
                          </div>
                      </div> 
                           
                            </div>
                  </div>

                        @endforeach
                        <div class="row">
                            <div class="col-md-12 text-center">
                                {!! $posts->links() !!}
                            </div>
                        </div>
                    </div>
                </div>
				<div class="col-md-4">
				@include('_front.inc.latest_popular')
				<div class="all-btn">
                <span style="text-align: center"><a style="color: #f10000;" href="{{ url('/all-news') }}">সব খবর</a></span>
                </div>
				</div>
            </div>
        </section>
        </div>
    </div>
    </div>
@endsection