@extends('blog.layout')

@section('meta_title', '#'.$tag->name.' — '.config('app.name'))

@section('content')
    <h1 class="text-3xl font-bold mb-6">Tag: {{ $tag->name }}</h1>
    <div class="space-y-6">
        @forelse($posts as $post)
            <article class="bg-white rounded-lg shadow p-6">
                <h2 class="text-xl font-semibold"><a href="{{ route('blog.post', $post) }}" class="hover:text-blue-600">{{ $post->title }}</a></h2>
                <p class="text-sm text-gray-500 mt-1">{{ $post->published_at?->format('M j, Y') }}</p>
            </article>
        @empty
            <p class="text-gray-500">No posts with this tag.</p>
        @endforelse
    </div>
    <div class="mt-8">{{ $posts->links() }}</div>
@endsection