@extends('frontend.layouts.app')

@section('title', $content->seo_title)
@section('description', $content->seo_description)
@section('keywords', $content->seo_keywords)

@if (!empty($content->image))
    @section('image', $content->image)
@endif

@section('content')
@include('frontend.common.header')
<section class="page-title page-title-blog">
    <h2>{{$content->title}}</h2>
</section>

<section>
    <div class="container">
        <div class="row">
            <div class="@if ($posts->count() > 0) col-lg-7 @else col-lg-12 @endif">
                <div class="blog-box">
                    <p><b>{{$content->author}} <br> {{site_date_format($content->created_at)}}</b></p>
                    {!! $content->description !!}
                </div>
            </div>
            @if ($posts->count() > 0)
            <div class="col-lg-5">
                <div class="blog-sidebar">
                    <h4>Posts</h4>
                    @foreach ($posts as $item)
                    <div class="row">
                        <div class="col-xl-5 col-lg-12 col-sm-5">
                            <img src="{{path_image($item->image)}}" alt="{{$item->title}}" class="img-blog"> 
                        </div>
                        <div class="col-xl-7 col-lg-12 col-sm-7">
                            <p>{{$item->author ?? null}} <br> {{site_date_format($item->created_at)}}</p>
                            <h5>{{str_limit($item->title , $limit = 30, $end = '...')}}</h5>
                            <p>{{str_limit($item->short_text , $limit = 30, $end = '...')}}</p>
                            <div class="d-grid">
                                <a href="{{$item->getLink()}}" class="btn btn-outline-primary mb-2">Read More</a>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
            @endif
        </div>
    </div>
</section>
@include('frontend.block.subscribe')
@endsection