'use client';

import { Suspense } from 'react';
import { useSearchParams } from 'next/navigation';
import { ReportCardForm } from '@/components/report-card/report-card-form';

function AdminReportCardNewInner() {
  const params = useSearchParams();
  return (
    <ReportCardForm
      apiBase="/v1/admin"
      backHref="/school/report-cards"
      editId={params.get('editId') ?? undefined}
      defaultStudentId={params.get('studentId') ?? undefined}
      defaultClassroomId={params.get('classroomId') ?? undefined}
      defaultDate={params.get('date') ?? undefined}
    />
  );
}

export default function AdminReportCardNewPage() {
  return (
    <Suspense fallback={<div className="flex h-64 items-center justify-center text-zinc-400">Yükleniyor…</div>}>
      <AdminReportCardNewInner />
    </Suspense>
  );
}