{{-- Artikel in Listenform. Parameter: $post, $headingTag (h2/h3), $words, $priority (LCP-Bild) --}}
@php
    $headingTag = $headingTag ?? 'h2';
    $img = post_image($post, 'resized');
@endphp
<article class="row mb-5">
    <div class="col-md-4 mb-4 mb-md-0">
        <a class="post-img-box d-block" href="{{ route('read_post', $post->slug) }}" tabindex="-1" aria-hidden="true">
            <img src="{{ webp_or_original($img) }}" width="512" height="320"
                class="img-fluid rounded-lg" alt="{{ $post->title }}"
                @if (!empty($priority)) fetchpriority="high" @else loading="lazy" @endif decoding="async">
        </a>
    </div>
    <div class="col-md-8">
        <{{ $headingTag }} class="h4">
            <a class="post-title" href="{{ route('read_post', $post->slug) }}">{{ $post->title }}</a>
        </{{ $headingTag }}>
        <ul class="list-inline post-meta mb-2">
            <li class="list-inline-item"><i class="ti-calendar mr-1"></i>
                <time datetime="{{ $post->created_at->toDateString() }}">{{ date_formatter($post->created_at) }}</time>
            </li>
            @if ($post->post_category)
                <li class="list-inline-item"><i class="ti-folder mr-1"></i><a
                        href="{{ route('category_posts', $post->post_category->slug) }}">{{ $post->post_category->name }}</a>
                </li>
            @endif
            <li class="list-inline-item"><i class="ti-timer mr-1"></i>
                {{ readDuration($post->title, $post->content) }} Min. Lesezeit
            </li>
        </ul>
        <p>{{ $post->meta_description ? seo_description($post->meta_description, 180) : \Illuminate\Support\Str::ucfirst(words($post->content, $words ?? 30)) }}</p>
        <a href="{{ route('read_post', $post->slug) }}" class="btn btn-outline-primary">Weiterlesen<span class="sr-only">: {{ $post->title }}</span></a>
    </div>
</article>