@extends($_layout . 'home')
@include($_lib . 'register-meta')
@section('content')
    @include($_template . 'navbg')


    <div class="blog-area pt-50 pb-70">
        <div class="container">
            <div class="section-title text-center">
                @if (isser($parent) && $parent)
                <span class="sp-before sp-after">{{$parent->title}}</span>
                @endif
                <h2 class="h2-color2">{{$article->title}}</h2>

                @if ($description)


                @endif
            </div>
            @if (count($pages))

            <div class="row pt-45">
                @foreach ($pages as $page)

                <div class="col-lg-4 col-md-6">
                    <div class="blog-card">
                        <a href="{{$u = $page->getViewUrl()}}">
                            <img src="{{$page->getThumbnail()}}" alt="{{$page->title}}">
                        </a>
                        <div class="content">
                            <ul>
                                <li>
                                    <i class="bx bx-time-five"></i>
                                    {{$page->dateFormat('d/m/Y')}}
                                </li>
                                @if ($page->category)
                                <li>
                                    <i class="bx bx-purchase-tag-alt"></i>
                                    <a href="{{$page->category->getViewUrl()}}">{{$page->category->name}}</a>
                                </li>
                                @elseif(isset($category) && $category)

                                <li>
                                    <i class="bx bx-purchase-tag-alt"></i>
                                    <a href="{{$category->getViewUrl()}}">{{$category->name}}</a>
                                </li>
                                @endif

                            </ul>
                            <h3><a href="{{$u}}">{{$page->title}}</a></h3>
                        </div>
                    </div>
                </div>
                @endforeach
                <div class="col-lg-12 col-md-12">


                    {{ $pages->links($_template . 'pagination') }}
                </div>
            </div>
            @else
                <div class="alert alert-warning text-center">
                    Không có bài viết nào!
                </div>
            @endif
        </div>
        <div class="blog-shape">
            <div class="shape1">
                <img src="{{theme_asset('img/shape/shape1.png')}}" alt="Images">
            </div>
            <div class="shape2">
                <img src="{{theme_asset('img/shape/shape5.png')}}" alt="Images">
            </div>
            <div class="shape3">
                <img src="{{theme_asset('img/shape/shape4.png')}}" alt="Images">
            </div>
            <div class="shape4">
                <img src="{{theme_asset('img/shape/shape6.png')}}" alt="Images">
            </div>
        </div>
    </div>


@endsection