import { Head } from "@inertiajs/react";
import { Button, ButtonLink, Table } from "../components/ui";
import { money } from "../types";
import type { PreCor as Snapshot } from "../enrollment-workflow";
export default function PreCor({
    snapshot: s,
    application_id,
}: {
    snapshot: Snapshot;
    application_id: number;
}) {
    return (
        <main className="cor-document">
            <Head title="Pre-COR" />
            <div className="actions no-print">
                <ButtonLink
                    href={`/enrollment-applications/${application_id}`}
                    secondary
                >
                    Back to enrollment
                </ButtonLink>
                <Button onClick={() => window.print()}>Print Pre-COR</Button>
            </div>
            <h1>PRE-COR</h1>
            <p>
                Pending enrollment · Official COR awaits Finance clearance and
                Registrar confirmation.
            </p>
            <h2>{s.student_name}</h2>
            <p>Student number: {s.student_number}</p>
            <p>
                {s.branch} · School Year {s.school_year} · {s.period}
            </p>
            <p>
                {s.course} · Year / Grade {s.year_level} · {s.curriculum}
            </p>
            <Table
                columns={[
                    "Subject",
                    "Credits",
                    "Class / schedule",
                    "Teacher",
                    "Assessment",
                ]}
            >
                {s.subjects.map((subject) => (
                    <tr key={subject.class_id}>
                        <td>
                            {subject.code} · {subject.name}
                        </td>
                        <td>{subject.credits}</td>
                        <td>
                            {subject.class_code}
                            <small>{subject.schedule}</small>
                        </td>
                        <td>{subject.teacher}</td>
                        <td>{money(subject.amount_cents)}</td>
                    </tr>
                ))}
            </Table>
            <p>
                <strong>Subject assessment: {money(s.assessment_cents)}</strong>
            </p>
            <p>
                Recorded outstanding balance at review:{" "}
                {money(s.recorded_balance_cents)}
            </p>
            <p>Prepared {new Date(s.generated_at).toLocaleString("en-PH")}</p>
        </main>
    );
}
