import { redirect } from "next/navigation";
import { AdminNav } from "@/components/AdminNav";
import { requireAdmin } from "@/lib/auth";
import { prisma } from "@/lib/db";
import { saveSettings } from "../actions";

export const dynamic = "force-dynamic";

export default async function AdminSettingsPage() {
  if (!(await requireAdmin())) redirect("/admin/login");
  const s = await prisma.siteSettings.findUnique({ where: { id: 1 } });
  if (!s) return <p className="p-8">Nema settings — pokreni seed.</p>;

  return (
    <div className="mx-auto max-w-3xl px-4 py-8">
      <AdminNav />
      <h1 className="font-display text-3xl">Postavke</h1>
      <form action={saveSettings} className="mt-6 space-y-3">
        {(
          [
            ["phone", "Telefon", s.phone],
            ["phoneAlt", "Alt telefon", s.phoneAlt || ""],
            ["email", "Email", s.email],
            ["address", "Adresa", s.address],
            ["facebookUrl", "Facebook URL", s.facebookUrl || ""],
            ["instagramUrl", "Instagram URL", s.instagramUrl || ""],
            ["companyName", "Tvrtka", s.companyName],
            ["companyOib", "OIB", s.companyOib || ""],
            ["companyPerson", "Odgovorna osoba", s.companyPerson || ""],
            ["companySeat", "Sjedište", s.companySeat || ""],
            ["seoTitle", "SEO title", s.seoTitle],
            ["footerText", "Footer", s.footerText || ""],
          ] as const
        ).map(([name, label, value]) => (
          <label key={name} className="block text-sm">
            <span className="text-neutral-400">{label}</span>
            <input name={name} defaultValue={value} className="mt-1 w-full border border-white/20 bg-black px-3 py-2" />
          </label>
        ))}
        <label className="block text-sm">
          <span className="text-neutral-400">SEO description</span>
          <textarea name="seoDescription" defaultValue={s.seoDescription} rows={3} className="mt-1 w-full border border-white/20 bg-black px-3 py-2" />
        </label>
        <button type="submit" className="bg-red-600 px-4 py-2 text-sm font-bold uppercase">
          Spremi
        </button>
      </form>
    </div>
  );
}