"use client";

import { useMemo } from "react";
import { AppShell } from "@/components/app/AppShell";
import { ServiceSectionCard, ServiceTile } from "@/components/app/ServiceTile";
import { Alert } from "@/components/ui/Alert";
import { AdminUser, getStoredUser } from "@/lib/api";
import { SCHOOL_SETTINGS_ITEMS, filterItems } from "@/lib/menu";
import { getActiveRole } from "@/lib/session-context";

export default function SchoolSettingsPage() {
  const user = useMemo(() => getStoredUser<AdminUser>(), []);
  const role = getActiveRole();
  const roles = role ? [role] : user?.roles ?? [];
  const items = filterItems(SCHOOL_SETTINGS_ITEMS, roles);

  return (
    <AppShell title="تنظیمات مدرسه" subtitle="برند، اتباع، سیاست رمز و به‌روزرسانی‌ها">
      {!user ? (
        <Alert tone="warning">برای مشاهده تنظیمات وارد شوید.</Alert>
      ) : items.length === 0 ? (
        <Alert tone="warning">اجازه مشاهده این تنظیمات را ندارید.</Alert>
      ) : (
        <ServiceSectionCard title="تنظیمات مدرسه" tone="primary">
          {items.map((item) => (
            <ServiceTile key={item.id} item={item} />
          ))}
        </ServiceSectionCard>
      )}
    </AppShell>
  );
}