@php
    $u = $article->getViewUrl();

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

@section('breadcrumb.show', 'breadcrumb')
@section('content')

    <!-- Newa area start  -->
    <div class="bd-news pt-110 pb-60">
        <div class="container small-container">

            <h1 class="page-title mb-20 d-none">{{ $page_title }}</h1>
            @if (count($pages))
                <div class="row">
                    @foreach ($pages as $page)
                        <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 = $page->getViewUrl() }}"><img src="{{ $page->getThumbnail() }}" alt="{{ $page->title }}"></a>
                                </div>
                                <div class="bd-news__content">
                                    <div class="bd-news__meta-list">
                                        @if ($page->category)
                                            <div class="bd-news__meta-item">
                                                <a href="{{ $page->category->getViewUrl() }}"><i class="fa-light fa-folder-open"></i>{{ $page->category->name }}</a>
                                            </div>
                                        @endif
                                        <div class="bd-news__meta-item">
                                            <span><i class="fa-regular fa-clock"></i>{{ $page->dateFormat('d/m/Y') }}</span>
                                        </div>
                                    </div>
                                    <div class="bd-news__title">
                                        <h3><a href="{{ $u }}">{{ $page->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>


                {{ $pages->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

        </div>
    </div>

    <!-- News area end  -->









@endsection