@forelse ($blogs as $blog)
<div class="col-md-6">
  <article class="rounded-2 overflow-hidden">
    <div class="post-img"> <img src="{{ asset($blog?->image) }}" alt="" class="img-fluid"> </div>
    <div class="meta-top">
      <ul>
        <!--<li class="d-flex align-items-center"><i class="bi bi-person"></i> <a href="blog-details.html">John Doe</a></li>-->
        <li class="d-flex align-items-center"><i class="bi bi-clock"></i>
          <time datetime="2022-01-01">{{ formattedDate($blog?->created_at) }}</time>
          </li>
        <!--<li class="d-flex align-items-center"><i class="bi bi-chat-dots"></i> <a href="{{ route('single.blog', $blog?->slug) }}">12 Comments</a></li>-->
      </ul>
    </div>
    <!--<h2 class="title"> <a href="{{ route('single.blog', $blog?->slug) }}">{{ $blog?->title }}</a> </h2>-->
    <h2 class="title"> {{ $blog?->title }}</h2>
    <div class="content">
      <!--<p> BSI's operations in the UAE are conducted under the license and supervision of the Central Bank of the UAE, ensuring adherence to local banking regulations and standards. </p>-->
      {{ $blog?->seo_description }}
      <!--<div class="read-more text-start"> <a href="{{ route('single.blog', $blog?->slug) }}">{{ __('Read More') }}</a> </div>-->
    </div>
  </article>
</div>

@empty
<x-data-not-found />
@endforelse