@extends($_layout . 'blog')
@section('title', $page_title)
@include($_lib . 'register-meta')

@section('breadcrumb.show', 'breadcrumb')
@section('content')
    <h1 class="page-title mb-20 d-none">{{ $page_title }}</h1>
    @if (count($posts))
        <div class="row">
            @foreach ($posts as $post)
                <div class="col-xxl-4 col-lg-6 col-md-6">
                    <div class="bd-news__item mb-40">
                        <div class="bd-news__thumb w-img">
                            <a href="{{ $u = $post->getViewUrl() }}"><img src="{{ $post->getThumbnail() }}" alt="{{ $post->title }}"></a>
                        </div>
                        <div class="bd-news__content">
                            <div class="bd-news__meta-list">
                                @if ($post->category)
                                    <div class="bd-news__meta-item">
                                        <a href="{{ $post->category->getViewUrl() }}"><i class="fa-light fa-folder-open"></i>{{ $post->category->name }}</a>
                                    </div>
                                @endif
                                <div class="bd-news__meta-item">
                                    <span><i class="fa-regular fa-clock"></i>{{ $post->dateFormat('d/m/Y') }}</span>
                                </div>
                            </div>
                            <div class="bd-news__title">
                                <h3><a href="{{ $u }}">{{ $post->title }}</a></h3>
                            </div>
                            <a class="bd-news__btn" href="{{ $u }}">Xem thêm<span><i class="fa-solid fa-arrow-left"></i><i class="fa-solid fa-arrow-left"></i></span></a>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>


        {{ $posts->links($_template . 'pagination') }}
    @else
        <div class="alert alert-warning text-center">
            Không tìm thấy kết quả phù hợp!
        </div>
    @endif









@endsection