import Link from "next/link";
import { AppShell } from "@/components/app-shell";
import { CaseWizard } from "@/components/wizard/case-wizard";

export default function NewCasePage() {
  return (
    <AppShell>
      <section className="space-y-6">
        <header>
          <nav className="text-[0.78rem] text-ink-muted flex items-center gap-2 mb-1">
            <Link href="/" className="hover:text-gold-deep">בית</Link>
            <span aria-hidden>·</span>
            <span className="text-navy">תיק חדש</span>
          </nav>
          <h1 className="text-navy mb-0">יצירת תיק ערר</h1>
          <p className="text-ink-muted text-sm mt-1 max-w-2xl">
            שלושה שלבים קצרים — פרטי יסוד, צדדים, והשלמות. התיק ייווצר ב-DB
            וב-Gitea מיד בשמירה.
          </p>
        </header>

        <CaseWizard />
      </section>
    </AppShell>
  );
}