@extends('layouts.app')

@section('title', $category->name . ' — ' . settings('site_title', 'Ahmad Hasan Dynamics Musings'))

@section('content')
<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
    <h1 class="font-display text-3xl md:text-4xl font-bold text-stone-900 dark:text-stone-100 mb-4">
        Category: {{ $category->name }}
    </h1>
    @if($category->description)
        <p class="text-stone-600 dark:text-stone-400 mb-8">{!! $category->description !!}</p>
    @endif

    <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
        @foreach($posts as $post)
            @include('partials.post-card', ['post' => $post])
        @endforeach
    </div>

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