@extends( getThemePath() . '.layout.master')

@section('header')
@include( getThemePath() . '.partials.header')
@endsection

@section('content')
<!-- Start block -->
<section class="section-white">
    <div class="content-wrap">
        <div class="col">
            <h1 class="page-title">Blog</h1>
        </div>
        <div class="col-two-third">
            @foreach( $blogs as $blog )
            <div class="blog-items">
                <div class="featured-image">
                    @if( $blog->getFirstMediaUrl('featured-image') != null )
                    <a href="/blog/{{ $blog->slug }}"><img src="{{ $blog->getFirstMediaUrl('featured-image') }}"
                            alt="{{ $blog->title }}" /></a>
                    @else
                    <a href="/blog/{{ $blog->slug }}"><img src="{{ URL::to('/') }}/images/no-image.jpg"
                            alt="{{ $blog->title }}" /></a>
                    @endif
                </div> <!-- featured-wrap -->
                <div class="blog-excerpt">
                    <h2><a href="/blog/{{ $blog->slug }}">{{ $blog->title }}</a></h2>
                    <div class="blog-meta">
                        <p>By {{ $blog->author() }} - In {{ getBlogCategories($blog->categories()) }} - Published {{
                            Carbon\Carbon::parse($blog->created_at)->format('d M Y') }}</p>
                    </div> <!-- blog-title -->

                    <p>{{ $blog->short_description }}</p>

                    <!-- <a href="/blog/{{ $blog->slug }}" class="btn btn-blue">Read More</a> -->
                </div> <!-- blog-title -->
            </div> <!-- blog-item -->
            @endforeach
        </div>
        <div class="col-one-third">
            @widget('recentPosts')
        </div>
    </div>
</section>
<!-- End block -->
@endsection

@section('footer')
@include( getThemePath() . '.partials.footer')
@endsection