@forelse ($blogs as $b)
  <article class="pb-card">
    <a class="pb-img" href="{{ route('blog.show', $b->slug ?: $b->id) }}" tabindex="-1" aria-hidden="true">
      @if ($b->image_url)<img src="{{ $b->image_url }}" alt="" loading="lazy" onerror="this.remove()">@endif
    </a>
    <div class="pb-meta">
      <span><svg viewBox="0 0 24 24"><circle cx="12" cy="8" r="4"/><path d="M4 21c0-4.400 3.600-7 8-7s8 2.600 8 7"/></svg>{{ filled($b->category) ? $b->category : $company->name }}</span>
      <span><svg viewBox="0 0 24 24"><rect x="3" y="5" width="18" height="16" rx="2"/><path d="M3 10h18M8 3v4M16 3v4"/></svg><time datetime="{{ \Illuminate\Support\Carbon::parse($b->created_at)->toDateString() }}">{{ \Illuminate\Support\Carbon::parse($b->created_at)->format('M d, Y') }}</time></span>
    </div>
    <h3><a href="{{ route('blog.show', $b->slug ?: $b->id) }}">{{ $b->title }}</a></h3>
    <p>{{ \Illuminate\Support\Str::limit($b->excerpt, 110) }}</p>
    <a class="btn pb-more" href="{{ route('blog.show', $b->slug ?: $b->id) }}">Read more</a>
  </article>
@empty
  <p class="a-none">No articles yet. Please check back soon.</p>
@endforelse