@extends('layouts.app')

@section('title', 'Archive: ' . $monthName)

@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-8">
        Archive: {{ $monthName }}
    </h1>

    <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