"use client";

import Link from "next/link";
import {
  PageHeader,
  Card,
  CardContent,
  CardHeader,
  CardTitle,
  Button,
} from "@/src/shared/ui";

const LINKS = [
  {
    href: "/accounting/settings/company",
    title: "اطلاعات شرکت",
    description: "نام حقوقی، شناسه ملی، کد اقتصادی، آدرس و تماس",
  },
  {
    href: "/accounting/settings/auto-posting",
    title: "اسناد اتوماتیک",
    description: "ثبت خودکار اسناد دفتر کل و قواعد استاندارد",
  },
  {
    href: "/accounting/fiscal",
    title: "سال و دوره مالی",
    description: "تعریف سال مالی و دوره جاری",
  },
  {
    href: "/accounting/currencies",
    title: "ارزها",
    description: "ارز پایه و نرخ‌ها",
  },
  {
    href: "/accounting/chart-of-accounts",
    title: "دفتر حساب",
    description: "چارت حساب‌ها و ساختار حسابداری",
  },
];

export function GeneralSettingsPage() {
  return (
    <div>
      <PageHeader
        title="تنظیمات عمومی"
        description="میانبر به تنظیمات پرکاربرد حسابداری — اطلاعات شرکت را از منوی «اطلاعات شرکت» وارد کنید."
      />
      <div className="grid gap-4 sm:grid-cols-2">
        {LINKS.map((item) => (
          <Card key={item.href}>
            <CardHeader>
              <CardTitle>{item.title}</CardTitle>
            </CardHeader>
            <CardContent className="space-y-3">
              <p className="text-sm text-[var(--muted)]">{item.description}</p>
              <Link href={item.href}>
                <Button type="button" variant="outline" size="sm">
                  مشاهده
                </Button>
              </Link>
            </CardContent>
          </Card>
        ))}
      </div>
    </div>
  );
}
