@extends(get_view('index'))
@section('title'){{ translate('blog') }} - @endsection
@section('menu-active-blog') current-menu-item @endsection
@section('header')

@endsection
@section('content')

<div id="site-main" class="site-main">
    <div id="main-content" class="main-content">
        <div id="primary" class="content-area">

            @include(get_view('components.pages.page-title'), ['title' => (__('Blog'))])

            <div id="content" class="site-content" role="main">
                <div class="section-container p-l-r">

                    @if ( $posts != null && count($posts) > 0 )
                        @foreach ($posts as $post)
                        <div class="row justify-content-center">
                            <div class="col-sm-12 col-12">
                                <div class="card post mb-4">
                                    @if ( $post->image != null )
                                    <div class="post-image text-center" style="background-image: url({{ Common::get_post_original_image($post->id, $post->image) }})"></div>
                                    @endif
                    
                                    <div class="card-body">
                                        <h5 class="card-title fw-bold"><a href="{{ url('blog/'.$post->content->url) }}">{{ $post->content->title ?? __('Blog') }}</a></h5>
                                        <p class="card-text">{{ $post->content->description ?? '' }}</p>
                                        <a href="{{ url('blog/'.$post->content->url) }}" class="btn btn-outline-dark rounded-pill btn-sm">{{ __('Review') }} <i class="fa fa-angle-right"></i></a>
                                    </div>
                                    <div class="card-footer fs-12">
                                        {{ translate('created_at') }}: {{ \Carbon\Carbon::parse($post->created_at)->locale(get_language_code())->ago(['parts'=>3]) }}
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endforeach

                        <div class="row justify-content-center">
                            <div class="col-sm-12 col-12">
                                {{ $posts->links() }}
                            </div>
                        </div><!-- row -->
                    @else
                        @include(get_view('components.errors.post-not-found'))
                    @endif

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

@endsection
@section('footer')

@endsection