@extends('layouts.public')
@section('title', 'وسم: '.$tag->name)

@section('content')
<h1 class="text-2xl font-bold mb-6">#{{ $tag->name }}</h1>

<div class="grid grid-cols-3 gap-6">
    @forelse ($articles as $article)
    <a href="/article/{{ $article->slug }}" class="block group">
        @if ($article->featured_image)
            <img src="{{ $article->thumb_url }}" alt="{{ $article->title }}" class="w-full h-40 object-cover rounded mb-2">
        @endif
        <h3 class="font-semibold group-hover:text-blue-600">{{ $article->title }}</h3>
        <p class="text-xs text-gray-500 mt-1">{{ $article->published_at?->diffForHumans() }}</p>
    </a>
    @empty
    <p class="text-gray-500 col-span-3">لا توجد مقالات بهذا الوسم بعد.</p>
    @endforelse
</div>

<div class="mt-8">{{ $articles->links() }}</div>
@endsection