<div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
    <div class="col p-4 d-flex flex-column position-static">
        @if(isset($category))
          <span class="d-inline-block mb-2 text-success-emphasis"><i>Under</i> <strong class="ms-1">{{ $category->name }} <i class="bi bi-chevron-right small"></i> {{ $post->category->name }}</strong></span>
        @else
          <span class="d-inline-block mb-2 text-success-emphasis"><i>Under</i> <strong class="ms-1">{{ $post->category->name }}</strong></span>
        @endif
        <h3 class="mb-0 h4">{{ $post->title }}</h3>
        @if (!is_empty($post->published_at))
            <div class="mb-1 text-body-secondary">{{ $post->published_at->format('M j') }}</div>
        @endif
        <p class="mb-3">{{ $post->excerpt }}</p>
        <a href="{{ route('front.post', ['slug' => $post->slug, 'category_slug' => $post->category->slug]) }}"
            class="icon-link gap-1 icon-link-hover stretched-link">
            Continue reading
            <svg class="bi">
                <use xlink:href="#chevron-right"></use>
            </svg>
        </a>
    </div>
</div>
