@php
    /** @var \App\Models\Site\SiteBlog $blog */
    $blogImage = $blog->main_image_path ?: asset('assets_web/img/blog/img1.webp');
@endphp
<div class="vs-blog blog-card">
    <a href="{{ route('blog.show', $blog) }}">
        <div class="blog-img">
            <img src="{{ $blogImage }}" loading="lazy" alt="{{ $blog->title }}" class="w-100">
            @if ($blog->date_at)
                <div class="blog-date">
                    <div class="day">{{ \Illuminate\Support\Carbon::parse($blog->date_at)->translatedFormat('d M Y') }}</div>
                </div>
            @endif
        </div>
    </a>
    <div class="blog-content">
        <div class="blog-meta">
            @if ($blog->publisher)
                <a><i class="fal fa-user"></i>{{ $blog->publisher }}</a>
            @endif
            @if ($blog->category)
                <a href="{{ route('blog.index', ['category' => $blog->category->slug]) }}"><i class="fal fa-folder"></i>{{ $blog->category->name }}</a>
            @endif
        </div>
        <h3 class="blog-title h5 font-body lh-base"><a href="{{ route('blog.show', $blog) }}">{{ $blog->title }}</a></h3>
        <a href="{{ route('blog.show', $blog) }}" class="link-btn">{{ trans('site.blog.read_more') }}<i class="far fa-long-arrow-{{ app()->getLocale() === 'ar' ? 'left' : 'right' }}"></i></a>
    </div>
</div>