@if ($posts)
    <section class="ftco-section">
        @php
            $numberOfColumns = 3;
            $bootstrapColWidth = 12 / $numberOfColumns;
            $arrayChunks = array_chunk($posts, $numberOfColumns);
        @endphp

        <div class="container">
            <div class="row justify-content-center pb-5 mb-3">
                <div class="col-md-7 heading-section text-center ftco-animate">
                    <span class="subheading">News &amp; Blog</span>
                    <h2>Latest news from our blog</h2>
                </div>
            </div>
            @foreach ($arrayChunks as $items)
                <div class="row d-flex">
                    @foreach ($items as $item)
                        <div class="col-md-{{ $bootstrapColWidth }} d-flex ftco-animate">
                            <div class="blog-entry align-self-stretch">
                                <a href="{{ route("news.read_more", ["id" => $item['id']]) }}" class="block-20 rounded"
                                    style="background-image: url({{ asset('posts/' . $item['image']) }});">
                                </a>
                                <div class="text p-4">
                                    <div class="meta mb-2">
                                        <div><a
                                                href="#">{{ \Carbon\Carbon::parse($item['created_at'])->format('M d, Y H:i:s A') }}</a>
                                        </div>
                                        <div><a href="#">Admin</a></div>
                                        {{-- <div><a href="#" class="meta-chat"><span class="fa fa-comment"></span>
                                                3</a></div> --}}
                                    </div>
                                    <h3 class="heading text-justify"><a href="#">
                                            @if (strlen($item['description']) > 70)
                                                {{ substr($item['description'], 0, 70) . '...' }}
                                            @else
                                                {{ $item['description'] }}
                                            @endif
                                        </a></h3>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            @endforeach
        </div>
    </section>
@endif