"use client";

import { AppShell } from "@/components/app/AppShell";
import { PageHeader } from "@/components/layout/PageHeader";
import { StudyFieldTreeManager } from "@/components/study-fields/StudyFieldTreeManager";

export default function StudyFieldsPage() {
  return (
    <AppShell
      title="رشته‌های تحصیلی"
      subtitle="کاتالوگ و تخصیص رشته به پایه‌ها — سطح سازمان"
    >
      <PageHeader
        title="رشته‌های تحصیلی"
        subtitle="مدیریت درختی: مقطع → پایه → رشته. برای هر مدرسه، در صفحه ویرایش مدرسه رشته‌های فعال آن شعبه را انتخاب کنید."
      />

      <div className="rounded-2xl border border-[var(--border)] bg-white p-4">
        <StudyFieldTreeManager />
      </div>
    </AppShell>
  );
}