"use client";

import Link from "next/link";
import { useParams } from "next/navigation";
import { AppShell } from "@/components/app/AppShell";
import { RequireStudentManage } from "@/components/auth/RequirePermission";
import { Button } from "@/components/ui/Button";

export default function StudentMembershipPage() {
  const { id } = useParams<{ id: string }>();

  return (
    <RequireStudentManage>
      <AppShell title="مدیریت عضویت" subtitle={`دانش‌آموز #${id}`}>
        <div className="rounded-2xl border border-[var(--border)] bg-white p-8 text-center">
          <p className="text-[var(--muted)]">مدیریت عضویت در موسسه در فاز بعد تکمیل می‌شود.</p>
          <Link href="/students" className="mt-4 inline-block">
            <Button variant="secondary">بازگشت به فهرست</Button>
          </Link>
        </div>
      </AppShell>
    </RequireStudentManage>
  );
}