@php
    $args = [
        '@limit' => $data->post_number ? $data->post_number : 4,
        '@sort' => $data->sorttype ? $data->sorttype : 1,
        // '@withTags' =>  true,
        '@withCategory' => true,
        '@withAuthor' => true,
        // '@withCountPublishComments' => 'comment_count'
    ];
    $link = null;
    $title = null;
    if ($data->dynamic_id && ($dynamic = $helper->getDynamic(['id' => $data->dynamic_id]))) {
        $args['dynamic_id'] = $data->dynamic_id;
        $title = $dynamic->name;
        $link = $dynamic->getViewUrl();
    }
    if ($data->category_id && ($category = $helper->getPostCategory(['id' => $data->category_id]))) {
        $args['@category'] = $data->category_id;
        if ($category->hasChild() && $data->group_by_category) {
            $args['@groupBy'] = ['posts.category_id'];
        }
        if (!$title) {
            $title = $category->name;
        }
        $link = $category->getViewUrl();
    } elseif ($data->group_by_category) {
        $args['@groupBy'] = ['posts.category_id'];
    }
    $args['@withCategory'] = true;
    if ($data->title) {
        $title = $data->title;
    }
    if ($data->link) {
        $link = $data->link;
    }

@endphp
<div class="blog-area pt-100 pb-70">
    <div class="container">
        <div class="section-title text-center">

            <span class="sp-before sp-after">{{ $data->sub_title('Blog') }}</span>
            <h2 class="h2-color2">{{ $data->title('Cập nhật mới nhất') }}</h2>

            <p class="margin-auto">
                {{ $data->description }}
            </p>
        </div>
        <div class="row pt-45">
            @if (count($posts = $helper->getPosts($args)))
                @foreach ($posts as $post)
                    <div class="col-lg-4 col-md-6">
                        <div class="blog-card">
                            <a href="#">
                                <img src="{{ $post->getThumbnail() }}" alt="Images">
                            </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->name}}</a>
                                    </li>
                                    @endif
                                </ul>
                                <h3><a href="#">{{$post->title}}</a></h3>
                            </div>
                        </div>
                    </div>
                @endforeach
            @else
                <div class="col-lg-4 col-md-6">
                    <div class="blog-card">
                        <a href="#">
                            <img src="{{ ai_startup_asset('img/blog/blog1.png') }}" alt="Images">
                        </a>
                        <div class="content">
                            <ul>
                                <li>
                                    <i class="bx bx-time-five"></i>
                                    09 April 2020
                                </li>
                                <li>
                                    <i class="bx bx-purchase-tag-alt"></i>
                                    <a href="#">Marketing</a>
                                </li>
                            </ul>
                            <h3><a href="#">The Home of Technology is in Front of You</a></h3>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="blog-card">
                        <a href="#">
                            <img src="{{ ai_startup_asset('img/blog/blog2.png') }}" alt="Images">
                        </a>
                        <div class="content">
                            <ul>
                                <li>
                                    <i class="bx bx-time-five"></i>
                                    10 July 2020
                                </li>
                                <li>
                                    <i class="bx bx-purchase-tag-alt"></i>
                                    <a href="#">SEO</a>
                                </li>
                            </ul>
                            <h3><a href="#">SEO Best Practices Mobile Friendliness</a></h3>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 offset-md-3 offset-lg-0">
                    <div class="blog-card">
                        <a href="#">
                            <img src="{{ ai_startup_asset('img/blog/blog3.png') }}" alt="Images">
                        </a>
                        <div class="content">
                            <ul>
                                <li>
                                    <i class="bx bx-time-five"></i>
                                    19 June 2020
                                </li>
                                <li>
                                    <i class="bx bx-purchase-tag-alt"></i>
                                    <a href="#">SEO & Marketing</a>
                                </li>
                            </ul>
                            <h3><a href="#">15 SEO Practices Website Architecture</a></h3>
                        </div>
                    </div>
                </div>
            @endif
        </div>
    </div>
    <div class="blog-shape">
        <div class="shape1">
            <img src="{{ ai_startup_asset('img/shape/shape1.png') }}" alt="Images">
        </div>
        <div class="shape2">
            <img src="{{ ai_startup_asset('img/shape/shape5.png') }}" alt="Images">
        </div>
        <div class="shape3">
            <img src="{{ ai_startup_asset('img/shape/shape4.png') }}" alt="Images">
        </div>
        <div class="shape4">
            <img src="{{ ai_startup_asset('img/shape/shape6.png') }}" alt="Images">
        </div>
    </div>
</div>