@php
    $settingData = get_post_setting_data($dynamic, isset($category) ? $category : null);
    $postSettings = $settingData['postSettings'];
    $__title = $postSettings['title'] ?? (isset($category) && $category ? $category->name : $dynamic->name);
    $__sub_title = $postSettings['sub_title'] ?? (isset($category) && $category ? $dynamic->name : null);
    $__description = $postSettings['description'] ?? (isset($category) && $category ? $category->description : $dynamic->description);
    $postOptions = $postSettings->makeByPrefix('detail_');
    // $description = isset($categgory) && $category && $category->description ? $category->description : $dynamic->description;
@endphp
@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 ($__sub_title)
                    <span class="sp-before sp-after">{{ $__sub_title }}</span>
                @endif
                <h2 class="h2-color2">{{ $__title }}</h2>
                @if ($__description)
                    <p class="margin-auto">
                        {{ $__description }}
                    </p>
                @endif
            </div>
            @if (count($posts))
                <div class="row pt-45">
                    @foreach ($posts as $post)
                        <div class="col-lg-4 col-md-6">
                            <div class="blog-card">
                                <a href="{{ $u = $post->getViewUrl() }}">
                                    <img src="{{ $post->getThumbnail() }}" alt="{{ $post->title }}">
                                </a>
                                <div class="content">
                                    <ul>
                                        <li>
                                            <i class="bx bx-time-five"></i>
                                            {{ $post->dateFormat('d/m/Y') }}
                                        </li>
                                        @if ($post->category)
                                            <li>
                                                <i class="bx bx-purchase-tag-alt"></i>
                                                <a href="{{ $post->category->getViewUrl() }}">{{ $post->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 }}">{{ $post->title }}</a></h3>
                                </div>
                            </div>
                        </div>
                    @endforeach
                    <div class="col-lg-12 col-md-12">


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