@extends('layouts.front')
@section('page_title', 'all news' . ' |' )
@section('extra_css')
    <link rel="stylesheet"
          href="{{asset('assets/vendors/bootstrap-datepicker-1.6.1/css/bootstrap-datepicker.min.css')}}">
    <style>
        .callout-card{
            margin-bottom: 20px;
        }
    </style>
@endsection

@section('extra_js')
    <script src="{{asset('assets/vendors/bootstrap-datepicker-1.6.1/js/bootstrap-datepicker.min.js')}}"></script>
@endsection
@section('main_content')
    <section class="container">
        <div class="row">
            <div class="col-md-6 text-center">
                <form class="form-inline" method="get" action="{{ route('all.news') }}">
                    <div class="form-group">
                        <label for="exampleInputEmail3">ক্যাটাগরি</label>
                        <select class="form-control" name="postByCat">
                            @if($post_cat)
                                <option value="{{ $post_cat->id }}">{{ $post_cat->name }}</option>
                            @endif
                            @foreach(\App\Category::all() as $category)
                                <option value="{{ $category->id }}">{{ $category->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <button type="submit" class="btn btn-success">দেখুন</button>
                    <a href="{{ route('all.news') }}" class="btn btn-warning">সব সংবাদ দেখুন</a>
                </form>
            </div>
            <div class="col-md-6 text-center">
                <div class="form-inline">
                    <div class="form-group">
                        <form action="{{ route('all.news') }}" method="get">

                            <label for="">তারিখ</label>
                            <input class="form-control" id="textDate" name="postByDate" placeholder="yyyy-mm-dd"
                                   data-provide="datepicker" value="" type="text" data-date-format='yyyy-mm-dd'>
                            <button type="submit" class="btn btn-success">দেখুন</button>
                        </form>
                    </div>
                </div>
            </div>
            <div class="col-md-12">
                <div class="well well-sm text-center" style="margin:10px 0;">
                    @if($post_cat)
                        <h3>{{ $post_cat->name }} এর সব সংবাদ</h3>
                    @else
                        <h3>সব সংবাদ</h3>
                    @endif
                </div>
            </div>
        </div>
<div class="col-md-12">
  <div class="row">
      <div class="col-md-8">
          @foreach($posts as $post)
              <div class="row" style="margin-bottom: 20px;">
                  <div class="callout-card">
                      <div class="col-sm-3">

                          <a href="{{ news_url($post) }}"><img
                                      class="media-object img-responsive" src="{{$post->featured_image}}"
                                      alt="{{ $post->headline }}"></a>
                      </div>
                      <div class="col-md-9">
                          <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>
                              {{ str_limit($post->excerpt, 120) }}... <a
                                      href="{{ news_url($post) }}" class="text-danger">বিস্তারিত</a>
                          </div>
                      </div>
                  </div>
              </div>
          @endforeach
      
      </div>
      <div class="col-md-4">
          <p><img style="margin: 0px 5px 20px 20px; width: 86%;" src="https://placehold.it/270x250" border="0" alt="" class="img_ad"></p>
          @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>

</div>
        <div class="row">
            <div class="col-md-12">
                <nav class="text-center">
                    {!! $posts->appends(\Illuminate\Support\Facades\Input::except('page'))->links() !!}
                </nav>
            </div>
        </div>
    </section>
@endsection