"use client";
// Paramètres : budgets d'usage, politique d'intégrité académique, recherche
// croisée inter-cours et partage de conversations.
import { useEffect, useState } from "react";
import { Save } from "lucide-react";
import { PageHeader } from "@/components/app-shell";
import { Button, Card, Input, Label, Skeleton, Spinner } from "@/components/ui";
import { ErrorBanner, SectionTitle, SuccessFlash, Toggle, fmtUSD, useFetchJson } from "./shared";

type Budgets = {
  dailyPerUserUSD: number;
  monthlyPerUserUSD: number;
  monthlyGlobalUSD: number;
  dailyRequestsPerUser: number;
};

type Settings = {
  budgets: Budgets;
  defaultBudgets: Budgets;
  integrityPolicy: { enabled: boolean; examLockdown: boolean };
  crossCourseEnabled: boolean;
  sharingEnabled: boolean;
};

const BUDGET_FIELDS: { key: keyof Budgets; label: string; description: string; step: string; isInt?: boolean }[] = [
  {
    key: "dailyPerUserUSD",
    label: "Budget quotidien par étudiant·e ($)",
    description: "Dépense maximale d'appels de modèles par personne et par jour. Au-delà, seule l'attente ou un modèle gratuit reste possible.",
    step: "0.1",
  },
  {
    key: "monthlyPerUserUSD",
    label: "Budget mensuel par étudiant·e ($)",
    description: "Plafond mensuel individuel — protège contre un usage intensif prolongé.",
    step: "1",
  },
  {
    key: "monthlyGlobalUSD",
    label: "Budget global mensuel ($)",
    description: "Plafond de dépense pour toute la plateforme. Une fois atteint, plus aucun appel n'est effectué pour personne.",
    step: "10",
  },
  {
    key: "dailyRequestsPerUser",
    label: "Requêtes par jour par étudiant·e",
    description: "Nombre maximal de requêtes quotidiennes par personne, indépendamment du coût.",
    step: "10",
    isInt: true,
  },
];

export function AdminSettings() {
  const { data, error, loading, reload } = useFetchJson<Settings>("/api/admin/settings");

  const [budgets, setBudgets] = useState<Record<keyof Budgets, string> | null>(null);
  const [integrityEnabled, setIntegrityEnabled] = useState(true);
  const [examLockdown, setExamLockdown] = useState(false);
  const [crossCourse, setCrossCourse] = useState(false);
  const [sharing, setSharing] = useState(true);
  const [saving, setSaving] = useState(false);
  const [saveError, setSaveError] = useState<string | null>(null);
  const [flash, setFlash] = useState<string | null>(null);

  useEffect(() => {
    if (!data) return;
    setBudgets({
      dailyPerUserUSD: String(data.budgets.dailyPerUserUSD),
      monthlyPerUserUSD: String(data.budgets.monthlyPerUserUSD),
      monthlyGlobalUSD: String(data.budgets.monthlyGlobalUSD),
      dailyRequestsPerUser: String(data.budgets.dailyRequestsPerUser),
    });
    setIntegrityEnabled(data.integrityPolicy.enabled);
    setExamLockdown(data.integrityPolicy.examLockdown);
    setCrossCourse(data.crossCourseEnabled);
    setSharing(data.sharingEnabled);
  }, [data]);

  async function save() {
    if (!budgets) return;
    const parsed: Budgets = {
      dailyPerUserUSD: parseFloat(budgets.dailyPerUserUSD),
      monthlyPerUserUSD: parseFloat(budgets.monthlyPerUserUSD),
      monthlyGlobalUSD: parseFloat(budgets.monthlyGlobalUSD),
      dailyRequestsPerUser: Math.round(parseFloat(budgets.dailyRequestsPerUser)),
    };
    for (const f of BUDGET_FIELDS) {
      const v = parsed[f.key];
      if (!Number.isFinite(v) || v < 0 || (f.isInt && v < 1)) {
        setSaveError(`Valeur invalide pour « ${f.label} ».`);
        return;
      }
    }
    setSaving(true);
    setSaveError(null);
    setFlash(null);
    try {
      const res = await fetch("/api/admin/settings", {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify({
          budgets: parsed,
          integrityPolicy: { enabled: integrityEnabled, examLockdown },
          crossCourseEnabled: crossCourse,
          sharingEnabled: sharing,
        }),
      });
      const j = (await res.json().catch(() => null)) as { error?: string } | null;
      if (!res.ok) throw new Error(j?.error || `Erreur ${res.status}`);
      setFlash("Paramètres enregistrés — ils s'appliquent immédiatement.");
      setTimeout(() => setFlash(null), 4000);
      await reload();
    } catch (e) {
      setSaveError(e instanceof Error ? e.message : "L'enregistrement a échoué.");
    } finally {
      setSaving(false);
    }
  }

  if (loading || !budgets) {
    return (
      <div className="animate-fade-up">
        <PageHeader title="Paramètres" subtitle="Budgets, intégrité académique et options de la plateforme" />
        {error ? (
          <ErrorBanner message={error} onRetry={reload} />
        ) : (
          <div className="space-y-4">
            <Skeleton className="h-64" />
            <Skeleton className="h-48" />
          </div>
        )}
      </div>
    );
  }

  return (
    <div className="animate-fade-up">
      <PageHeader
        title="Paramètres"
        subtitle="Budgets, intégrité académique et options de la plateforme"
        actions={
          <Button onClick={save} disabled={saving}>
            {saving ? <Spinner /> : <Save size={15} />}
            Enregistrer
          </Button>
        }
      />

      <div className="space-y-4">
        {saveError && <ErrorBanner message={saveError} />}
        {flash && <SuccessFlash message={flash} />}

        {/* Budgets */}
        <Card className="p-5">
          <SectionTitle sub="Plafonds appliqués côté serveur avant chaque appel de modèle">Budgets d'usage</SectionTitle>
          <div className="grid gap-5 sm:grid-cols-2">
            {BUDGET_FIELDS.map((f) => (
              <div key={f.key}>
                <Label htmlFor={`budget-${f.key}`}>{f.label}</Label>
                <Input
                  id={`budget-${f.key}`}
                  type="number"
                  min={0}
                  step={f.step}
                  inputMode="decimal"
                  value={budgets[f.key]}
                  onChange={(e) => setBudgets({ ...budgets, [f.key]: e.target.value })}
                  className="tabular-nums"
                />
                <p className="mt-1.5 text-[12px] leading-relaxed text-muted">{f.description}</p>
                {data && (
                  <p className="mt-0.5 text-[11.5px] text-muted">
                    Par défaut&nbsp;:{" "}
                    <span className="tabular-nums">
                      {f.isInt ? data.defaultBudgets[f.key].toLocaleString("fr-CA") : fmtUSD(data.defaultBudgets[f.key])}
                    </span>
                  </p>
                )}
              </div>
            ))}
          </div>
        </Card>

        {/* Intégrité académique */}
        <Card className="p-5">
          <SectionTitle sub="Encadre la manière dont l'assistant aide sans faire le travail à la place des étudiant·e·s">
            Intégrité académique
          </SectionTitle>
          <div className="space-y-4">
            <SettingRow
              title="Politique d'intégrité active"
              description="Injecte les consignes d'intégrité dans chaque conversation : l'assistant guide et explique, mais refuse de rédiger des travaux notés à la place de l'étudiant·e."
              checked={integrityEnabled}
              onChange={setIntegrityEnabled}
            />
            <SettingRow
              title="Verrouillage — période d'examen"
              description="Mode renforcé pour la période d'examen : l'assistant refuse de résoudre des questions qui ressemblent à des questions d'examen en cours et se limite à la révision conceptuelle. À activer uniquement pendant les évaluations."
              checked={examLockdown}
              onChange={setExamLockdown}
              disabled={!integrityEnabled}
            />
          </div>
        </Card>

        {/* Options de la plateforme */}
        <Card className="p-5">
          <SectionTitle>Options de la plateforme</SectionTitle>
          <div className="space-y-4">
            <SettingRow
              title="Recherche croisée inter-cours"
              description="Permet à la recherche documentaire de puiser dans les DEUX cours (IMM1003 et IMM1033) à la fois. L'assistant signale alors explicitement lorsqu'une notion provient du cours voisin."
              checked={crossCourse}
              onChange={setCrossCourse}
            />
            <SettingRow
              title="Partage de conversations"
              description="Autorise les étudiant·e·s à générer un lien de partage en lecture seule vers une conversation. Désactivez pour couper tous les partages."
              checked={sharing}
              onChange={setSharing}
            />
          </div>
        </Card>

        <div className="flex justify-end">
          <Button onClick={save} disabled={saving}>
            {saving ? <Spinner /> : <Save size={15} />}
            Enregistrer les paramètres
          </Button>
        </div>
      </div>
    </div>
  );
}

function SettingRow({
  title,
  description,
  checked,
  onChange,
  disabled,
}: {
  title: string;
  description: string;
  checked: boolean;
  onChange: (v: boolean) => void;
  disabled?: boolean;
}) {
  return (
    <div className="flex items-start justify-between gap-4 border-t border-app pt-4 first:border-t-0 first:pt-0">
      <div className="min-w-0">
        <p className="text-[13.5px] font-medium text-fg">{title}</p>
        <p className="mt-0.5 text-[12.5px] leading-relaxed text-muted">{description}</p>
      </div>
      <Toggle checked={checked} onChange={onChange} disabled={disabled} label={title} />
    </div>
  );
}