@php
    $src = $article['source']['name'] ?? '';
    $title = $article['title'] ?? '';
    $desc = $article['description'] ?? '';
    $url = $article['url'] ?? '#';
    $img = $article['urlToImage'] ?? '';
    $pubAt = $article['publishedAt'] ?? null;
    $ago = '';
    if ($pubAt) {
        $diff = max(0, now()->diffInMinutes(\Carbon\Carbon::parse($pubAt)));
        $hours = (int) floor($diff / 60);
        $days = (int) floor($diff / 1440);
        $ago = $diff < 2 ? 'Just now'
            : ($diff < 60 ? $diff.'m ago'
            : ($hours < 24 ? $hours.'h ago'
            : ($days < 7 ? $days.'d ago'
            : \Carbon\Carbon::parse($pubAt)->format('M j'))));
    }
@endphp
<div class="news-card">
    @if($img)
    <img class="news-card-img"
         src="{{ route('portal.news.img', ['u' => base64_encode($img)]) }}"
         alt="" loading="lazy"
         onerror="this.parentNode.innerHTML='<div class=\'news-card-img-placeholder\'><i class=\'fas fa-newspaper\'></i></div>'">
    @else
    <div class="news-card-img-placeholder"><i class="fas fa-newspaper"></i></div>
    @endif
    <div class="news-card-body">
        <div class="news-card-meta">
            <span class="news-card-source">{{ $src }}</span>
            <span class="news-card-time">{{ $ago }}</span>
        </div>
        <div class="news-card-title">{{ $title }}</div>
        @if($desc)
        <div class="news-card-desc">{{ $desc }}</div>
        @endif
        <div class="news-card-footer">
            <a href="{{ $url }}" target="_blank" rel="noopener noreferrer" class="news-card-link">
                Read full article <i class="fas fa-external-link-alt" style="font-size:.65rem"></i>
            </a>
        </div>
    </div>
</div>