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

@endsection
@section('content')

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

<div class="container pt-4 pb-5 my-5">
    <div class="row justify-content-center">
        <div class="col-lg-8 mb-5 mb-lg-0 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="1600">

            @if ( $posts != null && count($posts) > 0 )
                @foreach ($posts as $post)

                    <article class="mb-5">
                        <div class="card bg-transparent border-0 custom-border-radius-1">
                            <div class="card-body p-0 z-index-1">
                                <a href="{{ url('blog/'.$post->content->url) }}" data-cursor-effect-hover="plus">
                                    <img class="card-img-top custom-border-radius-1 mb-2" src="{{ Common::get_post_original_image($post->id, $post->image, 'large') }}" alt="Card Image">
                                </a>
                                <p class="text-uppercase text-color-default text-1 my-2">
                                    <time pubdate datetime="{{ $post->created_at->format('Y-m-d') }}">{{ $post->created_at->format('d M Y') }}</time>
                                </p>
                                <div class="card-body p-0">
                                    <h4 class="card-title text-5 font-weight-bold pb-1 mb-2">
                                        <a class="text-color-dark text-color-hover-primary text-decoration-none" href="{{ url('blog/'.$post->content->url) }}">{{ $post->content->title ?? translate('blog') }}</a>
                                    </h4>
                                    <p class="card-text mb-2">{{ $post->content->description ?? '' }}</p>
                                    <a href="{{ url('blog/'.$post->content->url) }}" class="text-decoration-none custom-link-hover-effects">
                                        <span class="custom-view-more d-inline-flex font-weight-medium text-color-primary">
                                            {{ __('Daha Fazla') }}
                                            <img width="27" height="27" src="{{ get_asset('img/demos/construction/icons/arrow-right.svg') }}" alt="" data-icon data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-fill-color-primary ms-2'}" style="width: 27px;" />
                                        </span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </article>

                @endforeach
            @else
                @include(get_view('components.errors.post-not-found'))
            @endif

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


@endsection
@section('footer')

@endsection