@extends('blog.layout')

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

@section('content')
    <h1 class="text-3xl font-bold mb-6">Category: {{ $category->name }}</h1>
    @if($category->description)
        <p class="text-gray-600 mb-8">{{ $category->description }}</p>
    @endif
    <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>
                @if($post->excerpt)
                    <p class="mt-2 text-gray-600">{{ Str::limit(strip_tags($post->excerpt), 200) }}</p>
                @endif
            </article>
        @empty
            <p class="text-gray-500">No posts in this category.</p>
        @endforelse
    </div>
    <div class="mt-8">{{ $posts->links() }}</div>
@endsection