@extends(get_view('index'))
@section('title'){{ __('Blog') }} - @endsection
@section('menu-active-blog') active @endsection
@section('header')

@endsection
@section('content')

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

<div class="container">
    <div class="row">
        <div class="col-12 pt-3">

            @if ( $posts != null && count($posts) > 0 )
            @foreach ($posts as $post)
            <div class="row justify-content-center">
                <div class="col-lg-8 col-12">
                    <div class="card post mb-4">
                        @if ( $post->image != null )
                        <div class="position-relative" style="height: 300px;background-image: url({{ Common::get_post_original_image($post->id, $post->image) }}); background-size:cover; background-position: center;"></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-site rounded-pill btn-sm">{{ __('Oku') }} <i class="fas fa-long-arrow-right"></i></a>
                        </div>
                        <div class="card-footer fs-12">
                            {{ __('Paylaşım Tarihi') }}: {{ \Carbon\Carbon::parse($post->created_at)->locale(get_language_code())->ago(['parts'=>2]) }}
                        </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><!-- row -->
</div><!-- container -->


@endsection
@section('footer')

@endsection