"use client";

import { useState, useTransition } from "react";

import { updateSignupMode } from "@/app/actions/settings/updateSignupMode";
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
import { Label } from "@/components/ui/label";
import { Switch } from "@/components/ui/switch";
import { useT } from "@/hooks/i18n/useT";
import { MENSAGEM_DA_RECUSA_DE_ESCRITA, ehRecusaDeEscrita } from "@/lib/auth/recusa-de-escrita-de-admin";
import type { ModoDeCadastro } from "@/lib/auth/politica-de-cadastro";

/**
 * O interruptor salva na hora, sem botão de confirmar. É reversível com um
 * clique, e o registro de quem trocou (e de qual valor para qual) fica na
 * trilha de auditoria — que é onde a pergunta "por que ninguém mais consegue
 * criar conta?" é respondida.
 */
export function FormularioDeCadastro({ modoInicial }: { modoInicial: ModoDeCadastro }) {
  const t = useT();
  const [modo, setModo] = useState<ModoDeCadastro>(modoInicial);
  const [erro, setErro] = useState<string | null>(null);
  const [pendente, startTransition] = useTransition();

  function trocar(novo: ModoDeCadastro) {
    const anterior = modo;
    setErro(null);
    // Otimista, e com volta explícita no erro: sem a volta, uma falha de
    // gravação deixaria a tela dizendo "fechado" com o cadastro aberto — o
    // pior estado possível para uma configuração de acesso.
    setModo(novo);
    startTransition(async () => {
      const r = await updateSignupMode({ signup_mode: novo });
      if (!r.ok) {
        setModo(anterior);
        setErro(t(ehRecusaDeEscrita(r.error) ? MENSAGEM_DA_RECUSA_DE_ESCRITA[r.error] : "Não deu para salvar. Tente de novo em instantes."));
      }
    });
  }

  return (
    <Card>
      <CardHeader>
        <CardTitle>{t("Quem pode criar conta")}</CardTitle>
        <CardDescription>
          {t(
            "Vale para a instalação inteira, não para uma empresa só. Quem já tem conta continua entrando normalmente.",
          )}
        </CardDescription>
      </CardHeader>
      <CardContent className="space-y-4">
        <div className="flex items-start justify-between gap-4 rounded-lg border p-4">
          <div className="space-y-1">
            <Label htmlFor="so-convite" className="text-base">
              {t("Cadastro apenas por convite")}
            </Label>
            <p className="text-sm text-muted-foreground">
              {modo === "so_convite"
                ? t(
                    "Ligado: só entra quem recebeu um convite. Quem abrir a tela de cadastro sem convite vê um aviso e é levado ao login.",
                  )
                : modo === "com_aprovacao"
                  ? t(
                      "Desligado: quem chega sem convite pode criar conta, e a empresa espera a sua aprovação.",
                    )
                  : t(
                      "Desligado: qualquer pessoa pode criar uma conta e abrir a própria empresa. É como o sistema sempre funcionou.",
                    )}
            </p>
          </div>
          <Switch
            id="so-convite"
            checked={modo === "so_convite"}
            onCheckedChange={(ligado) => trocar(ligado ? "so_convite" : "aberto")}
            disabled={pendente}
            aria-label={t("Cadastro apenas por convite")}
          />
        </div>

        {/* A chave do recorte do PR #714 (migration 0383). Nasce desligada, e
            fica inerte com o convite obrigatório: nesse modo ninguém sem
            convite chega a pedir empresa. */}
        <div className="flex items-start justify-between gap-4 rounded-lg border p-4">
          <div className="space-y-1">
            <Label htmlFor="com-aprovacao" className="text-base">
              {t("Cadastro com aprovação")}
            </Label>
            <p className="text-sm text-muted-foreground">
              {modo === "com_aprovacao"
                ? t(
                    "Ligado: quem cria conta sem convite pede a empresa, e ela só é criada quando você aprova o pedido nesta tela.",
                  )
                : t(
                    "Desligado: quem cria conta abre a própria empresa na hora. Ligue se você hospeda várias empresas e quer decidir quem entra.",
                  )}
            </p>
          </div>
          <Switch
            id="com-aprovacao"
            checked={modo === "com_aprovacao"}
            onCheckedChange={(ligado) => trocar(ligado ? "com_aprovacao" : "aberto")}
            disabled={pendente || modo === "so_convite"}
            aria-label={t("Cadastro com aprovação")}
          />
        </div>

        {erro && (
          <p className="text-sm text-destructive" role="alert">
            {erro}
          </p>
        )}

        {modo === "so_convite" && (
          <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">
            {t(
              "Com isto ligado, a única porta de entrada é o convite — inclusive para você, se um dia precisar de uma conta nova. Convide pela tela de Equipe antes de precisar.",
            )}
          </p>
        )}
      </CardContent>
    </Card>
  );
}