@php
    $assetPath = fn (string $path) => asset('frontend/' . ltrim($path, '/'));
    $image = $article->featured_image ? asset('storage/' . $article->featured_image) : $assetPath('images/blog/blog01.webp');
@endphp

<article class="blog-single-box h-100">
    <div class="inner-box h-100">
        <div class="blog-image cms-frame cms-frame--blog">
            <img class="cms-img-cover" src="{{ $image }}" alt="{{ $article->title }}" width="392" height="284">
            <div class="category-tag"><span></span>{{ optional($article->published_at)->format('d M, Y') }}</div>
        </div>
        <div class="blog-content">
            <h4 class="title">
                <a href="{{ route('frontend.news.show', $article->slug) }}">{{ $article->title }}</a>
            </h4>
            <div class="pt-25 pb-30"><div class="border dark"></div></div>
            <p>{{ \Illuminate\Support\Str::limit(strip_tags($article->excerpt ?: $article->content), 115) }}</p>
            <div class="blog-meta">
                <a href="{{ route('frontend.news.show', $article->slug) }}" class="continue-reading">Explore More</a>
                <span>{{ $article->category?->name ?? 'News' }}</span>
            </div>
        </div>
    </div>
</article>