@if($style == 'home')
<div class="col-md-6 col-lg-3">
    <div class="mb-4 mb-lg-0 text-md-center text-lg-left">
        <a class="d-block mb-3" href="{{route('blog.show' , [$article->category->slug , $article->slug])}}">
            <img class="img-fluid rounded-xs w-100"
                 loading="lazy"
                 src="{{$article->getFirstMediaUrlOrDefault(MediaHelper::ARTICLE_MEDIA_PATH ,'webp')['url']}}"
                 alt="{{$article->getFirstMediaUrlOrDefault(MediaHelper::ARTICLE_MEDIA_PATH ,'webp')['alt']}}"
                 title="{{$article->getFirstMediaUrlOrDefault(MediaHelper::ARTICLE_MEDIA_PATH ,'webp')['title']}}">
        </a>
        <h6 class="text-gray-6 font-size-17 pt-xl-1 font-weight-bold font-weight-bold mb-1">
            <a href="{{route('blog.show' , [$article->category->slug , $article->slug])}}">{{$article->name}}</a>
        </h6>
        <a class="text-gray-1" >
            <span>{{\Carbon\Carbon::parse($article->created_at)->format('d M Y')}}</span>
        </a>
    </div>
</div>
@endif