"use client";

import { useEffect, useState } from "react";
import { AppShell } from "@/components/app/AppShell";
import { PageHeader } from "@/components/layout/PageHeader";
import { Alert } from "@/components/ui/Alert";
import { ApiError, apiGet } from "@/lib/api";

export default function VirtualClassSettingsPage() {
  const [data, setData] = useState<Record<string, unknown> | null>(null);
  const [error, setError] = useState<string | null>(null);

  useEffect(() => {
    apiGet<Record<string, unknown>>("/online-class/settings")
      .then(setData)
      .catch((err) => setError(err instanceof ApiError ? err.message : "خطا"));
  }, []);

  return (
    <AppShell title="تنظیمات کلاس آنلاین">
      <PageHeader title="تنظیمات" subtitle="کلیدهای تنظیم و کاتالوگ درایورها" />
      {error ? <Alert tone="error">{error}</Alert> : null}
      {data ? (
        <pre className="rounded-xl border bg-white p-4 text-xs overflow-auto whitespace-pre-wrap">
          {JSON.stringify(data, null, 2)}
        </pre>
      ) : null}
    </AppShell>
  );
}