import type { Metadata } from 'next'
import Link from 'next/link'
import { getAllPosts } from '@/lib/blog'

export const metadata: Metadata = {
  title: 'Blog',
  description:
    'Practical guides on oversize permits, curfews, escorts, and running heavy-haul trips — from the HeavyHaul Agent team.',
}

export default function BlogIndexPage() {
  const posts = getAllPosts()

  return (
    <div className="mx-auto max-w-3xl px-4 py-14">
      <h1 className="text-3xl font-bold">Blog</h1>
      <p className="mt-2 text-neutral-500">
        Practical guides on permits, curfews, escorts, and running oversize loads.
      </p>

      <div className="mt-10 space-y-8">
        {posts.length === 0 && (
          <p className="rounded-xl border border-dashed p-10 text-center text-sm text-neutral-500">
            No posts yet — check back soon.
          </p>
        )}
        {posts.map((p) => (
          <article key={p.slug} className="border-b pb-8 last:border-b-0">
            <p className="text-xs text-neutral-400">
              {p.date}
              {p.author ? ` · ${p.author}` : ''}
            </p>
            <h2 className="mt-1 text-xl font-bold">
              <Link href={`/blog/${p.slug}`} className="hover:underline">
                {p.title}
              </Link>
            </h2>
            <p className="mt-2 leading-relaxed text-neutral-600">{p.excerpt}</p>
            <Link
              href={`/blog/${p.slug}`}
              className="mt-3 inline-block text-sm font-medium text-[#0f1b2d] hover:underline"
            >
              Read more →
            </Link>
          </article>
        ))}
      </div>
    </div>
  )
}