import type { Metadata } from "next";
import { Badge } from "@/components/ui/badge";
import { getAllSiteSettings } from "@/lib/site-settings";
import { AdminSettingsForm } from "@/components/admin/admin-settings-form";
import { AdminDefaultModelForm } from "@/components/admin/admin-default-model-form";

export const metadata: Metadata = {};

const SETTING_GROUP = {
  title: "Provider Keys & Routing",
  description: "Override the environment variable API keys at runtime (encrypted at rest), and set the OpenRouter/Ollama routing defaults. DB values here take precedence over environment variables — clear a value to fall back to the env var.",
  keys: ["OPENAI_API_KEY", "ANTHROPIC_API_KEY", "OPENROUTER_API_KEY", "OPENROUTER_DEFAULT_MODEL", "OLLAMA_BASE_URL"] as const,
};

function resolveProvider(settings: Record<string, { value: string | null }>) {
  if (settings["OPENROUTER_API_KEY"]?.value) return { provider: "OpenRouter", description: "Routes to many models via openrouter.ai" };
  if (settings["OPENAI_API_KEY"]?.value) return { provider: "OpenAI", description: "Direct OpenAI API (GPT-4 etc.)" };
  if (settings["ANTHROPIC_API_KEY"]?.value) return { provider: "Anthropic", description: "Direct Anthropic API (Claude models)" };
  const url = settings["OLLAMA_BASE_URL"]?.value || "http://localhost:11434";
  return { provider: "Ollama", description: `Local inference at ${url}` };
}

export default async function AdminAiConfigPage() {
  const settings = await getAllSiteSettings();
  const active = resolveProvider(settings);

  return (
    <div className="space-y-8">
      <div>
        <h1 className="text-2xl font-bold tracking-tight">AI Configuration</h1>
        <p className="text-muted-foreground text-sm mt-1">
          Provider keys, routing, and default models for AI generation.
        </p>
        <div className="flex items-center gap-2 mt-3">
          <span className="text-xs text-muted-foreground">Fallback provider (no default set below):</span>
          <Badge variant="secondary" className="text-xs">{active.provider}</Badge>
          <span className="text-xs text-muted-foreground">— {active.description}</span>
        </div>
      </div>

      <AdminSettingsForm group={SETTING_GROUP} settings={settings} />

      <AdminDefaultModelForm
        initialValues={{
          DEFAULT_TEXT_PROVIDER: settings["DEFAULT_TEXT_PROVIDER"]?.value ?? null,
          DEFAULT_TEXT_MODEL: settings["DEFAULT_TEXT_MODEL"]?.value ?? null,
          DEFAULT_CHAT_PROVIDER: settings["DEFAULT_CHAT_PROVIDER"]?.value ?? null,
          DEFAULT_CHAT_MODEL: settings["DEFAULT_CHAT_MODEL"]?.value ?? null,
          DEFAULT_VISION_PROVIDER: settings["DEFAULT_VISION_PROVIDER"]?.value ?? null,
          DEFAULT_VISION_MODEL: settings["DEFAULT_VISION_MODEL"]?.value ?? null,
          DEFAULT_MEAL_PLAN_PROVIDER: settings["DEFAULT_MEAL_PLAN_PROVIDER"]?.value ?? null,
          DEFAULT_MEAL_PLAN_MODEL: settings["DEFAULT_MEAL_PLAN_MODEL"]?.value ?? null,
        }}
        initialToolCallingEnabled={settings["AI_TOOL_CALLING_ENABLED"]?.value !== "false"}
      />
    </div>
  );
}