"use client";

import Link from "next/link";
import { useRouter } from "next/navigation";
import { AppShell } from "@/components/app/AppShell";
import { SessionCreateForm } from "@/components/virtual-classes/SessionCreateForm";
import { PageHeader } from "@/components/layout/PageHeader";

export default function NewVirtualClassSessionPage() {
  const router = useRouter();

  return (
    <AppShell title="افزودن جلسه">
      <PageHeader
        title="افزودن جلسه"
        subtitle="جلسه روی یکی از اتاق‌های ثبت‌شده ساخته می‌شود."
        actions={
          <Link href="/virtual-classes/manage?tab=sessions" className="text-sm text-[var(--primary)]">
            بازگشت به جلسات
          </Link>
        }
      />
      <SessionCreateForm onCreated={(session) => router.push(`/virtual-classes/sessions/${session.id}`)} />
    </AppShell>
  );
}