import { persianDigits } from '@/lib/persianDate';
import type { ReportCardModel } from '@/lib/reportCard';
import { ResultSummaryRow, SignatureRow } from './shared';
import { NumericSubjectsTable } from './NumericSubjectsTable';
import { AttendanceSummary } from './AttendanceSummary';
import { TeacherComment } from './TeacherComment';
import { PerformanceChart } from './PerformanceChart';

/** کارنامه‌ی متوسطه اول (پایه هفتم تا نهم) — نمرات عددی از ۲۰ به همراه ضریب هر درس. */
export function MiddleSchoolReportCard({ model }: { model: ReportCardModel }) {
  return (
    <div className="rc-card">
      <ResultSummaryRow average={model.average} rank={model.rank} classSize={model.classSize} status={model.status} />

      <NumericSubjectsTable
        subjects={model.numericSubjects}
        term={model.term}
        title="نمرات دروس — متوسطه اول"
        icon="bi-table"
      />

      <div className="rc-card-columns">
        <AttendanceSummary attendance={model.attendance} />
        <PerformanceChart data={model.termAverages} height={160} />
      </div>

      <TeacherComment comment={model.teacherComment} isPlaceholder={!model.hasTeacherComment} />

      <div className="rc-footer-year">سال تحصیلی {persianDigits(model.student.academicYear ?? '—')}</div>

      <SignatureRow />
    </div>
  );
}