@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">
                    <ol class="breadcrumb">
                        <li><a href="{{ url('/') }}"><i class="fa fa-home"></i></a></li>
                        <li>
                            <a href="{{ category_url($category->id) }}">{{ $category->name }}</a>
                        </li>
                    </ol>
                    <div class="row">
                        @foreach($posts as $post)
                            <div class="col-md-12">
                                <div class="panel">
                                    <div class="media">
                                        <div class="media-left">
                                            <a href="{{ news_url($post) }}">
                                                <img src="{{ $post->featured_image }}" style="width: 100px;" alt=""
                                                     class="media-object">
                                            </a>
                                        </div>
                                        <div class="media-body">
                                            <h4 class="media-heading"><a
                                                        href="{{ news_url($post) }}">{{ $post->headline }}</a></h4>

                                        </div>
                                    </div>
                                </div>
                            </div>

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