import { Button } from "@/components/ui/button";
import { Card } from "@/components/ui/card";
import { createClient } from "@/lib/supabase/server";
import { IdiomaProvider } from "@/lib/i18n/IdiomaProvider";
import { normalizarIdioma } from "@/lib/i18n/idiomas";
import { traduzir } from "@/lib/i18n/dicionario";
import { signOut } from "@/app/actions/auth/signOut";

export const metadata = { title: "Acesso revogado" };

/**
 * Tela terminal de quem TINHA acesso e não tem mais.
 *
 * Irmã de `/account-suspended` — mesmo formato, mesma razão de existir: um
 * estado bloqueado precisa de uma tela que o nomeie. Antes desta, quem tinha o
 * vínculo revogado caía em `/app` com a casca vazia e a frase *"Você não tem
 * nenhuma organização ativa. Configure sua organização ou aceite um convite"*,
 * com um link para criar uma empresa própria. Medido em 2026-09-10 numa
 * instalação real: a pessoa não é uma visitante nova, é alguém de quem o acesso
 * foi retirado, e oferecer criação de tenant ali é transformar uma revogação
 * numa porta de entrada.
 *
 * Não há e-mail de suporte aqui de propósito: quem revogou foi o administrador
 * DA ORGANIZAÇÃO, e é com ele que se resolve — mandar a pessoa escrever para o
 * suporte do produto seria o mesmo defeito que `/account-suspended` já pagou.
 */
export default async function AcessoRevogadoPage() {
  // Rota fora da árvore de `app/app/layout.tsx` — sem o `IdiomaProvider` de lá, então
  // resolve o idioma direto, como `admin/forbidden/page.tsx`.
  const supabase = await createClient();
  const {
    data: { user },
  } = await supabase.auth.getUser();
  const idioma = normalizarIdioma(
    (user?.user_metadata?.locale as string | undefined) ?? null,
  );

  return (
    <IdiomaProvider locale={idioma}>
      <main className="flex min-h-screen items-center justify-center p-8">
        <Card className="w-full max-w-md space-y-4 p-8 text-center">
          <h1 className="text-2xl font-semibold">{traduzir("Acesso revogado", idioma)}</h1>
          <p className="text-sm text-muted-foreground">
            {traduzir(
              "Seu acesso a esta organização foi retirado. Se você acredita que isso é um engano, fale com quem administra a empresa — só ela pode devolvê-lo.",
              idioma,
            )}
          </p>
          {/*
            A tela era um BECO. Medido em produção em 2026-09-10: quem foi
            revogado e recebeu convite novo entra pelo login, cai aqui antes de
            conseguir usar o convite, e encontra só o botão Sair — com o link
            válido no bolso e nenhuma indicação de que ele funciona.

            O endereço do convite fica FORA da área trancada (ele está em
            `lib/auth/public-paths.ts`), então abrir o link daqui funciona. O que
            faltava era alguém dizer isso.
          */}
          <p className="rounded-md border border-amber-300/60 bg-amber-50 px-4 py-3 text-sm dark:border-amber-500/30 dark:bg-amber-950/20">
            {traduzir(
              "Recebeu um convite novo? Abra o link que chegou no seu e-mail — ele funciona mesmo com esta tela aberta, e devolve o seu acesso.",
              idioma,
            )}
          </p>
          <form action={signOut}>
            <Button type="submit" className="w-full">
              {traduzir("Sair", idioma)}
            </Button>
          </form>
        </Card>
      </main>
    </IdiomaProvider>
  );
}