@extends('layouts.front')
@section('page_title', $query . ' |' )


@section('main_content')
    <section class="archive-section">
        <div class="row">
            <div class="col-md-12">
                <div class="well well-sm text-center" style="margin:10px 0;">
                    <h3>{{ $query }}</h3>
                </div>
            </div>
        </div>
        @foreach($posts->chunk(2) as $items)

            <div class="row">
                @foreach($items as $post)
                    <div class="col-md-12">
                        <div class=" callout-card">
                            <div class="col-sm-2">
                                <a href="{{ route('single.post', ['category' => $post->Category()->first()->slug , 'id' => $post->id, 'title' => make_slug($post->title)]) }}"><img
                                            class="media-object img-responsive" src="{{$post->featured_image}}"
                                            alt="{{ $post->title }}"></a>
                            </div>
                            <div class="col-md-10">
                                <div class="media-body">
                                    <ul class="list-inline ">
                                        <li><h4 class="media-heading"><a href="{{ route('single.post', ['category' => $post->Category()->first()->slug , 'id' => $post->id, 'title' => make_slug($post->title)]) }}"><strong>{{ $post->title }}</strong></a></h4></li>
                                        <li class="pull-right">Published: {{ $post->created_at }}</li>
                                        <li class="clearfix"></li>
                                    </ul>
                                    {{ $post->excerpt }}... <a
                                            href="{{ route('single.post', ['category' => $post->Category()->first()->slug , 'id' => $post->id, 'title' => make_slug($post->title)]) }}" class="text-danger">বিস্তারিত</a>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>

        @endforeach
        <div class="row">
            <div class="col-md-12">
                <nav class="text-center">
                    {!! $posts->links() !!}
                </nav>
            </div>
        </div>


    </section>
@endsection