@extends('layouts.app')

@section('title', 'Archive — ' . 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-8">Archive</h1>

    {{-- Archive by Month --}}
    <div class="mb-12">
        <h2 class="font-display text-xl font-bold text-stone-900 dark:text-stone-100 mb-4">By Month</h2>
        <ul class="grid grid-cols-1 md:grid-cols-3 gap-2 text-sm font-sans">
            @foreach($archives as $archive)
                <li>
                    <a href="{{ route('archive.date', [$archive->year, $archive->month]) }}" class="text-stone-600 dark:text-stone-400 hover:text-stone-900 dark:hover:text-stone-100">
                        {{ \Carbon\Carbon::create($archive->year, $archive->month, 1)->format('F Y') }}
                        <span class="text-stone-400">({{ $archive->count }})</span>
                    </a>
                </li>
            @endforeach
        </ul>
    </div>

    {{-- All Posts --}}
    <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