'use client';

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

function TeacherReportCardNewInner() {
  const params = useSearchParams();
  return (
    <ReportCardForm
      apiBase="/v1/teacher"
      backHref="/teacher/report-cards"
      editId={params.get('editId') ?? undefined}
      defaultStudentId={params.get('studentId') ?? undefined}
      defaultStudentName={params.get('studentName') ?? undefined}
      defaultClassroomId={params.get('classroomId') ?? undefined}
      defaultDate={params.get('date') ?? new Date().toISOString().split('T')[0]}
    />
  );
}

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