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 HighSchoolReportCard({ 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-mortarboard-fill"
      />

      <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>
  );
}
