{{--<!-- blog-section - start
        ================================================== -->--}}
<section id="blog-section" class="blog-section sec-ptb-120 deco-wrap clearfix">
    <div class="container">
        @if ($config['title'])
            <div class="row mb-60 justify-content-center">
                <div class="col-lg-6 col-md-7 col-sm-8 col-xs-12" data-aos="fade-up" data-aos-delay="100">
                    <div class="section-title text-center">
                        <h2 class="title-text mb-15">{{ $config['title'] }}</h2>
                    </div>
                </div>
            </div>
        @endif

        <div class="row justify-content-lg-between justify-content-md-center justify-content-sm-center">
            @if($posts)
                @php
                    $post_first = $posts->first();
                @endphp
                @if($post_first)
                    <div class="col-lg-7 col-md-8 col-sm-8 col-xs-12" data-aos="fade-up" data-aos-delay="300">
                        <div class="blog-primary">
                            <a class="item-image mb-30 rounded" href="{{ $post_first->url() }}">
                                <img src="{{ (!empty($post_first->thumb_image) ? $post_first->thumb_image : thumb_image()) }}" alt="{{ $post_first->title }}">
                            </a>
                            <div class="item-content">
                                <span class="post-date">{{ $post_first->created_at->format('d F Y') }}</span>
                                <h3 class="item-title">
                                    <a href="{{ $post_first->url() }}">{{ $post_first->title }}</a>
                                </h3>
                                @if($post_first->description)
                                    <p class="mb-0">
                                        {{ $post_first->description }}
                                    </p>
                                @endif
                            </div>
                        </div>
                    </div>
                @endif

                <div class="col-lg-5 col-md-5 col-sm-8 col-xs-12">
                    <aside id="sidebar-section" class="sidebar-section">
                        <div class="widget recent-post ul-li-block">
                            <ul class="clearfix">
                                @foreach($posts as $post)
                                    @if($post->id != $post_first->id)
                                        <li data-aos="fade-up" data-aos-delay="500">
                                            <div class="small-blog clearfix">
                                                <a href="{{ $post->url() }}" class="item-image">
                                                    <img src="{{ (!empty($post->thumb_image) ? $post->thumb_image : thumb_image()) }}" alt="{{ $post->title }}">
                                                </a>
                                                <div class="item-content">
                                                    <span class="post-date">{{ $post->created_at->format('d F Y') }}</span>
                                                    <h4 class="item-title mb-0">
                                                        <a href="{{ $post->url() }}">{{ $post->title }}</a>
                                                    </h4>
                                                </div>
                                            </div>
                                        </li>
                                    @endif
                                @endforeach
                            </ul>
                        </div>
                    </aside>
                </div>
            @endif
        </div>
    </div>
</section>
{{--<!-- blog-section - end
    ================================================== -->--}}