import {
  getGeneralSettings,
  getContactSettings,
  getEmailSettings,
  getLegalSettings,
} from "@/lib/api/admin";
import { GeneralSettingsForm } from "@/components/admin/general-settings-form";
import { ContactSettingsForm } from "@/components/admin/contact-settings-form";
import { EmailSettingsForm } from "@/components/admin/email-settings-form";
import { LegalSettingsForm } from "@/components/admin/legal-settings-form";

export default async function AdminSettingsPage() {
  const [generalRes, contactRes, emailRes, legalRes] = await Promise.all([
    getGeneralSettings(),
    getContactSettings(),
    getEmailSettings(),
    getLegalSettings(),
  ]);

  return (
    <div className="flex max-w-2xl flex-col gap-10">
      <div>
        <h2 className="text-lg font-semibold">Umum</h2>
        <GeneralSettingsForm initial={generalRes.data} />
      </div>

      <div>
        <h2 className="text-lg font-semibold">Kontak</h2>
        <ContactSettingsForm initial={contactRes.data} />
      </div>

      <div>
        <h2 className="text-lg font-semibold">Email (SMTP)</h2>
        <EmailSettingsForm initial={emailRes.data} />
      </div>

      <div>
        <h2 className="text-lg font-semibold">Dokumen Legal</h2>
        <LegalSettingsForm terms={legalRes.data.terms} privacy={legalRes.data.privacy} />
      </div>
    </div>
  );
}