"use client";

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

export default function NewVirtualClassRoomPage() {
  const router = useRouter();
  const params = useSearchParams();
  const providerId = params.get("providerId") ?? "";

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