import type { Metadata } from "next";
import { notFound } from "next/navigation";
import SiteShell from "@/components/SiteShell";
import Link from "next/link";
import { api } from "@/lib/api";

export async function generateMetadata({ params }: { params: Promise<{ id: string }> }): Promise<Metadata> {
  const { id } = await params;
  const day = await api.getDigitalDay(id).catch(() => null);
  return { title: day ? `${day.title} · nomadro` : "每日指南" };
}

export default async function DigitalDayPage({ params }: { params: Promise<{ id: string }> }) {
  const { id } = await params;
  const day = await api.getDigitalDay(id).catch(() => null);
  if (!day) notFound();
  return (
    <SiteShell showFooter>
      <div className="legal-page">
        <nav className="detail-nav"><Link href="/digital">← 游民学院</Link></nav>
        <article className="legal-content reveal">
          <span className="section-tag">📅 DAY {id}</span>
          <h1>{day.title}</h1>
          <p>{day.body}</p>
        </article>
      </div>
    </SiteShell>
  );
}