import { isApiError } from '@impuestos/contracts';
import { setRequestLocale } from 'next-intl/server';
import { getT } from '@/i18n/t';
import { redirect } from '@/i18n/navigation';
import { Card } from '@/components/ui/card';
import { LanguageSwitcher } from '@/components/language-switcher';
import { serverApi } from '@/lib/api-server';

/**
 * Phase 0 shell. It exists to prove the whole chain end to end: browser to the Next
 * rewrite, to the API, through the typed client, with the session cookie intact.
 * The real dashboard (FLOWS.md Flow C) replaces this in phase 4.
 */
export default async function InicioPage({ params }: { params: Promise<{ locale: string }> }) {
  const { locale } = await params;
  setRequestLocale(locale);
  const t = await getT(locale);

  const api = await serverApi();
  const profile = await api.getProfile().catch((error: unknown) => {
    if (!isApiError(error)) throw error;
    // 404 is the documented state for a user who has not finished setup yet.
    if (error.code === 'not_found') return null;
    if (error.code === 'unauthorized') redirect({ href: '/login', locale });
    throw error;
  });

  return (
    <div className="mx-auto flex min-h-dvh max-w-2xl flex-col">
      <header className="flex items-center justify-between px-5 py-4">
        <h1 className="text-base font-semibold tracking-tight">{t('home.title')}</h1>
        <LanguageSwitcher />
      </header>

      <main className="px-5 pb-16">
        <Card className="space-y-2">
          {profile ? (
            <>
              <p className="text-sm text-[var(--text-muted)]">{t('setup.fullName')}</p>
              <p className="text-2xl font-semibold tracking-tight">{profile.fullName}</p>
            </>
          ) : (
            <>
              <h2 className="text-xl font-semibold tracking-tight">{t('setup.step1.title')}</h2>
              <p className="text-sm text-[var(--text-muted)]">{t('setup.income.help')}</p>
            </>
          )}
        </Card>
      </main>
    </div>
  );
}