import { HomeAuthControls } from "../home-auth-controls";

export default function HomePage(): React.ReactElement {
  return (
    <main className="mx-auto max-w-2xl p-8 font-sans">
      <h1 className="text-3xl font-bold">RareDays — BFF + Client</h1>
      <p className="mt-4 text-neutral-600">
        Next.js BFF that authenticates users and proxies API calls to an external backend. Identity
        lives here; data lives in the backend. Configure <code>BACKEND_URL</code> in your env to
        point at the upstream service.
      </p>
      <HomeAuthControls />
      <h2 className="mt-10 text-lg font-semibold">Next steps</h2>
      <ul className="mt-3 list-disc space-y-1 pl-5 text-sm text-neutral-700">
        <li>
          Edit <code>app/lib/backend-client.ts</code> to customise headers, retries, observability.
        </li>
        <li>
          Edit <code>app/api/backend/[...path]/route.ts</code> if your backend needs different
          request shaping or response filtering.
        </li>
        <li>
          The proxy forwards <code>x-rd-user-id</code>, <code>x-rd-organization-id</code>, and{" "}
          <code>x-rd-roles</code> headers — your backend reads these instead of resolving auth
          itself.
        </li>
        <li>
          Run <code>pnpm test</code> to execute the sample test that exercises the in-memory
          identity provider.
        </li>
      </ul>
    </main>
  );
}