@tonzxz/government-forms 0.1.0

package/dist/reports/iirusp/_components/create-form.js

@@ -0,0 +1,118 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { Button } from "../../../internal/components/ui/button.js";
+import { DateInput } from "../../../internal/components/ui/date-input.js";
+import { Input } from "../../../internal/components/ui/input.js";
+import { Label } from "../../../internal/components/ui/label.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../../internal/components/ui/tabs.js";
+import { ConfigurableFormLayout, } from "../../../internal/components/configurable-form-layout.js";
+import { EMPTY_ITEM_DRAFT } from "../types.js";
+import { calcCarryingAmount, calcLineDisposalTotal, calcTotalCost, fmtNum } from "../utils.js";
+const fieldInput = "bg-background text-foreground placeholder:text-muted-foreground/70 h-9 w-full rounded-md border px-3 py-2 text-sm";
+const numericInput = `${fieldInput} text-right`;
+export function IiruspCreateForm({ form, items, currentRole, canEditHeader, canEditInventory, canEditDisposal, canManageRows, activeTab, formError, onTabChange, onFormChange, onItemsChange, }) {
+    const setField = (key, value) => {
+        onFormChange({ ...form, [key]: value });
+    };
+    const setItem = (index, key, value) => {
+        onItemsChange(items.map((item, i) => (i === index ? { ...item, [key]: value } : item)));
+    };
+    const formatOptionalNumber = (value) => {
+        if (value === null || value === undefined)
+            return "";
+        if (typeof value === "string" && value.trim().length === 0)
+            return "";
+        return fmtNum(value);
+    };
+    const itemCalculationKey = items
+        .map(item => `${item.qty}|${item.unitCost}|${item.accumulatedImpairmentLosses}|${item.sale}|${item.transfer}|${item.destruction}`)
+        .join(",");
+    // Recompute derived per-row numbers whenever inputs change.
+    useEffect(() => {
+        let dirty = false;
+        const next = items.map(item => {
+            const totalCost = calcTotalCost(item.qty, item.unitCost);
+            const carryingAmount = calcCarryingAmount(totalCost, item.accumulatedImpairmentLosses);
+            const lineTotal = canEditDisposal
+                ? calcLineDisposalTotal(item.sale, item.transfer, item.destruction)
+                : item.total;
+            if (item.totalCost !== totalCost ||
+                item.carryingAmount !== carryingAmount ||
+                item.total !== lineTotal) {
+                dirty = true;
+                return { ...item, totalCost, carryingAmount, total: lineTotal };
+            }
+            return item;
+        });
+        if (dirty)
+            onItemsChange(next);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        canEditDisposal,
+        itemCalculationKey,
+    ]);
+    const addRow = () => {
+        if (!canManageRows)
+            return;
+        onItemsChange([...items, { ...EMPTY_ITEM_DRAFT }]);
+    };
+    const removeRow = (index) => {
+        if (!canManageRows)
+            return;
+        onItemsChange(items.filter((_, i) => i !== index));
+    };
+    const fields = [
+        {
+            id: "asAtDate",
+            label: "As at *",
+            render: () => (_jsx(DateInput, { value: form.asAtDate ?? "", onValueChange: value => setField("asAtDate", value), disabled: !canEditHeader })),
+        },
+        {
+            id: "fundCluster",
+            label: "Fund Cluster *",
+            render: () => (_jsx(Input, { value: form.fundCluster, onChange: e => setField("fundCluster", e.target.value), placeholder: "e.g. 101", disabled: !canEditHeader })),
+        },
+        {
+            id: "entityName",
+            label: "Entity Name *",
+            fullWidth: true,
+            render: () => (_jsx(Input, { value: form.entityName, onChange: e => setField("entityName", e.target.value), placeholder: "Entity Name", disabled: !canEditHeader })),
+        },
+        {
+            id: "nameOfAccountableOfficer",
+            label: "Requested by",
+            render: () => (_jsx(Input, { value: form.nameOfAccountableOfficer, onChange: e => setField("nameOfAccountableOfficer", e.target.value), disabled: !canEditHeader })),
+        },
+        {
+            id: "designation",
+            label: "Requested by designation",
+            render: () => (_jsx(Input, { value: form.designation, onChange: e => setField("designation", e.target.value), disabled: !canEditHeader })),
+        },
+        {
+            id: "station",
+            label: "Station",
+            render: () => (_jsx(Input, { value: form.station, onChange: e => setField("station", e.target.value), disabled: !canEditHeader })),
+        },
+        {
+            id: "witnessDispositionDate",
+            label: "Date Disposition Witnessed",
+            render: () => (_jsx(DateInput, { value: form.witnessDispositionDate ?? "", onValueChange: value => setField("witnessDispositionDate", value), disabled: !canEditDisposal })),
+        },
+    ];
+    return (_jsxs("div", { className: "flex flex-col gap-3", children: [formError && (_jsx("div", { className: "rounded border border-rose-200 bg-rose-50 px-3 py-2 text-xs text-rose-700", children: formError })), _jsxs(Tabs, { value: activeTab, onValueChange: onTabChange, className: "flex flex-col", children: [_jsxs(TabsList, { className: "grid w-full grid-cols-2", children: [_jsx(TabsTrigger, { value: "basic", children: "Header" }), _jsx(TabsTrigger, { value: "items", children: "Inventory Items" })] }), _jsxs(TabsContent, { value: "basic", className: "mt-3 space-y-3", children: [_jsx(ConfigurableFormLayout, { formKey: "iirusp-basic-info", fields: fields, header: _jsxs("p", { className: "bg-muted/45 text-muted-foreground rounded border px-3 py-2 text-[11px]", children: ["Role mode: ", _jsx("span", { className: "font-semibold", children: currentRole ?? "unknown" }), ". Requestor fills Requested by + Inventory. Auditor/Approver fill Inspection and Disposal."] }) }), _jsxs("p", { className: "bg-muted/45 text-muted-foreground rounded border px-3 py-2 text-[11px]", children: ["Approver signatories (Requested by, Approved by, Inspection Officer, Witness) are sourced from the office's", " ", _jsx("span", { className: "font-mono", children: "document_approvers" }), " template and created automatically on save."] })] }), _jsxs(TabsContent, { value: "items", className: "mt-3 space-y-3", children: [_jsxs("div", { className: "bg-muted/45 text-muted-foreground rounded border px-3 py-2 text-xs", children: ["Inventory rows: ", _jsx("span", { className: "font-semibold", children: items.length }), ". Scroll down to complete each section."] }), items.map((item, index) => (_jsxs("div", { className: "bg-card text-card-foreground space-y-4 rounded-lg border p-4", children: [_jsxs("div", { className: "flex items-center justify-between gap-3 border-b pb-3", children: [_jsxs("div", { children: [_jsxs("p", { className: "text-sm font-semibold", children: ["Item ", index + 1] }), _jsx("p", { className: "text-muted-foreground text-xs", children: item.particularsArticles || item.propertyNo || "New inventory item" })] }), canManageRows ? (_jsx(Button, { type: "button", size: "sm", variant: "outline", onClick: () => removeRow(index), children: "Remove" })) : null] }), _jsxs("section", { className: "space-y-3", children: [_jsx("h4", { className: "text-muted-foreground text-xs font-semibold uppercase", children: "Inventory" }), [
+                                                ["Date Acquired", "dateAcquired", "date"],
+                                                ["Particulars / Articles", "particularsArticles", "text"],
+                                                ["Property No.", "propertyNo", "text"],
+                                                ["Quantity", "qty", "number"],
+                                                ["Unit Cost", "unitCost", "number"],
+                                                ["Accumulated Impairment Losses", "accumulatedImpairmentLosses", "number"],
+                                                ["Remarks", "remarks", "text"],
+                                            ].map(([label, key, type]) => (_jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { children: label }), _jsx("input", { type: type, step: type === "number" ? "0.01" : undefined, value: item[key] ?? "", onChange: event => setItem(index, key, event.target.value), className: type === "number" ? numericInput : fieldInput, disabled: !canEditInventory })] }, key))), _jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { children: "Total Cost" }), _jsx("div", { className: "bg-muted/45 rounded-md border px-3 py-2 text-right text-sm font-medium", children: fmtNum(item.totalCost) })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { children: "Carrying Amount" }), _jsx("div", { className: "bg-muted/45 rounded-md border px-3 py-2 text-right text-sm font-medium", children: fmtNum(item.carryingAmount) })] })] })] }), _jsxs("section", { className: "space-y-3 border-t pt-4", children: [_jsx("h4", { className: "text-muted-foreground text-xs font-semibold uppercase", children: "Inspection and Disposal" }), [
+                                                ["Sale", "sale", "number"],
+                                                ["Transfer", "transfer", "number"],
+                                                ["Destruction", "destruction", "number"],
+                                                ["Others (Specify)", "othersSpecify", "text"],
+                                                ["Appraised Value", "appraisedValue", "number"],
+                                            ].map(([label, key, type]) => (_jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { children: label }), _jsx("input", { type: type, step: type === "number" ? "0.01" : undefined, value: item[key] ?? "", onChange: event => setItem(index, key, event.target.value), className: type === "number" ? numericInput : fieldInput, disabled: !canEditDisposal })] }, key))), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { children: "Disposal Total" }), _jsx("div", { className: "bg-muted/45 rounded-md border px-3 py-2 text-right text-sm font-medium", children: formatOptionalNumber(item.total) })] })] }), _jsxs("section", { className: "space-y-3 border-t pt-4", children: [_jsx("h4", { className: "text-muted-foreground text-xs font-semibold uppercase", children: "Record of Sales" }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { children: "OR No." }), _jsx("input", { value: item.orNo, onChange: event => setItem(index, "orNo", event.target.value), className: fieldInput, disabled: !canEditDisposal })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { children: "Amount" }), _jsx("input", { type: "number", step: "0.01", value: item.amount, onChange: event => setItem(index, "amount", event.target.value), className: numericInput, disabled: !canEditDisposal })] })] })] }, item.sourceIssuedItemId ?? index))), items.length === 0 ? (_jsx("div", { className: "text-muted-foreground rounded-md border border-dashed p-4 text-center text-sm", children: "No items yet." })) : null, canManageRows ? (_jsx(Button, { type: "button", size: "sm", variant: "outline", onClick: addRow, children: "+ Add Item" })) : (_jsx("p", { className: "text-xs text-muted-foreground", children: "Rows are generated from selected issued items above. Use selection checkboxes to add or remove rows." }))] })] })] }));
+}

package/dist/reports/iirusp/_components/document-preview.d.ts

@@ -0,0 +1,8 @@
+import type { IiruspItem, IiruspRecord } from "../types.js";
+interface IiruspDocumentPreviewProps {
+    record: IiruspRecord;
+    /** Items to render. Falls back to record.items if omitted. */
+    items?: IiruspItem[];
+}
+export declare function IiruspDocumentPreview({ record, items: itemsProp }: IiruspDocumentPreviewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/reports/iirusp/_components/document-preview.js

@@ -0,0 +1,389 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from "react";
+import { fmtNum, formatIiruspDate, sumItems } from "../utils.js";
+const FIXED_ROWS = 16;
+function chunkItemsForPreview(items) {
+    if (items.length === 0)
+        return [[]];
+    const pages = [];
+    for (let index = 0; index < items.length; index += FIXED_ROWS) {
+        pages.push(items.slice(index, index + FIXED_ROWS));
+    }
+    return pages;
+}
+function Underline({ children, width }) {
+    return (_jsx("span", { style: {
+            boxSizing: "border-box",
+            display: "inline-block",
+            borderBottom: "1px solid #000",
+            minWidth: width ?? "80px",
+            height: "5.8mm",
+            padding: "0.5mm 1mm 1.8mm",
+            textAlign: "center",
+            lineHeight: 1,
+            verticalAlign: "bottom",
+        }, children: children }));
+}
+function LabeledLine({ label, children, align = "left", }) {
+    return (_jsxs("div", { style: { display: "flex", alignItems: "flex-end", gap: "1.8mm", width: "100%" }, children: [_jsx("span", { style: {
+                    flex: "0 0 auto",
+                    fontWeight: "bold",
+                    paddingBottom: "1.4mm",
+                    lineHeight: 1,
+                }, children: label }), _jsx("span", { style: {
+                    boxSizing: "border-box",
+                    flex: "1 1 auto",
+                    minWidth: 0,
+                    height: "5.8mm",
+                    borderBottom: "1px solid #000",
+                    padding: "0.7mm 1mm 1.7mm",
+                    lineHeight: 1,
+                    textAlign: align,
+                }, children: children })] }));
+}
+function findSignature(signatures, sequenceNo) {
+    return signatures?.find(s => s.sequenceNo === sequenceNo);
+}
+function witnessDispositionParts(value) {
+    if (!value)
+        return { day: "", month: "", year: "" };
+    const d = new Date(value);
+    if (Number.isNaN(d.getTime()))
+        return { day: "", month: "", year: "" };
+    return {
+        day: String(d.getDate()),
+        month: d.toLocaleDateString("en-PH", { month: "long" }),
+        year: String(d.getFullYear()),
+    };
+}
+function hasInputValue(value) {
+    if (value === null || value === undefined)
+        return false;
+    if (typeof value === "number")
+        return !Number.isNaN(value);
+    return value.trim().length > 0;
+}
+export function IiruspDocumentPreview({ record, items: itemsProp }) {
+    const items = React.useMemo(() => itemsProp ?? record.items ?? [], [itemsProp, record.items]);
+    const itemPages = React.useMemo(() => chunkItemsForPreview(items), [items]);
+    const [activePage, setActivePage] = React.useState(0);
+    React.useEffect(() => {
+        setActivePage(prev => Math.min(prev, itemPages.length - 1));
+    }, [itemPages.length]);
+    const pageItems = itemPages[activePage] ?? [];
+    const rows = Array.from({ length: FIXED_ROWS }, (_, i) => pageItems[i] ?? null);
+    const isLastPage = activePage === itemPages.length - 1;
+    const totals = {
+        qty: sumItems(items, "qty"),
+        totalCost: sumItems(items, "totalCost"),
+        accImpair: sumItems(items, "accumulatedImpairmentLosses"),
+        carrying: sumItems(items, "carryingAmount"),
+        sale: sumItems(items, "sale"),
+        transfer: sumItems(items, "transfer"),
+        destruction: sumItems(items, "destruction"),
+        total: sumItems(items, "total"),
+        appraisedValue: sumItems(items, "appraisedValue"),
+        amount: sumItems(items, "amount"),
+    };
+    const hasDisposalValues = {
+        sale: items.some(item => hasInputValue(item.sale)),
+        transfer: items.some(item => hasInputValue(item.transfer)),
+        destruction: items.some(item => hasInputValue(item.destruction)),
+        total: items.some(item => hasInputValue(item.total)),
+        appraisedValue: items.some(item => hasInputValue(item.appraisedValue)),
+        amount: items.some(item => hasInputValue(item.amount)),
+    };
+    const requested = findSignature(record.signatures, 1);
+    const approved = findSignature(record.signatures, 2);
+    const inspection = findSignature(record.signatures, 3);
+    const witness = findSignature(record.signatures, 4);
+    const wd = witnessDispositionParts(record.witnessDispositionDate);
+    const b = "1px solid #000";
+    const headerTh = {
+        border: b,
+        boxSizing: "border-box",
+        padding: "3px 2px",
+        fontSize: "5.9pt",
+        fontWeight: "bold",
+        textAlign: "center",
+        verticalAlign: "middle",
+        lineHeight: 1.2,
+        whiteSpace: "normal",
+        overflowWrap: "anywhere",
+        wordBreak: "normal",
+    };
+    const sectionTh = {
+        ...headerTh,
+        padding: "4px 3px",
+        fontSize: "6.2pt",
+        lineHeight: 1.25,
+        letterSpacing: "0.05px",
+    };
+    const numTh = {
+        border: b,
+        boxSizing: "border-box",
+        padding: "2.5px 1px",
+        fontSize: "5.5pt",
+        textAlign: "center",
+        verticalAlign: "middle",
+        fontStyle: "italic",
+        lineHeight: 1.15,
+    };
+    const td = {
+        border: b,
+        boxSizing: "border-box",
+        padding: "3px 2.5px",
+        fontSize: "5.9pt",
+        lineHeight: 1.2,
+        verticalAlign: "middle",
+        minHeight: "20px",
+    };
+    const dateTd = {
+        ...td,
+        height: "auto",
+        minHeight: "19px",
+        whiteSpace: "normal",
+        overflowWrap: "anywhere",
+        wordBreak: "normal",
+        lineHeight: 1.2,
+    };
+    const numTd = {
+        ...td,
+        padding: "3px 2px",
+        fontSize: "5.7pt",
+        textAlign: "right",
+        whiteSpace: "nowrap",
+    };
+    const wrappedTextTd = {
+        ...td,
+        whiteSpace: "normal",
+        overflowWrap: "anywhere",
+        wordBreak: "normal",
+    };
+    const sectionSplitLeft = { borderLeft: "2px solid #000" };
+    const showPaginationControls = itemPages.length > 1;
+    const canGoPrev = activePage > 0;
+    const canGoNext = activePage < itemPages.length - 1;
+    const navButtonStyle = {
+        border: "1px solid #94a3b8",
+        background: "#fff",
+        padding: "2px 8px",
+        fontSize: "7pt",
+        borderRadius: "4px",
+        cursor: "pointer",
+    };
+    const navButtonDisabledStyle = {
+        opacity: 0.45,
+        cursor: "not-allowed",
+    };
+    return (_jsxs("div", { "data-pdf-page": "true", "data-pdf-orientation": "landscape", style: {
+            width: "297mm",
+            minHeight: "210mm",
+            margin: "0 auto",
+            padding: "4mm 7mm 5mm",
+            fontFamily: "Arial, sans-serif",
+            fontSize: "7pt",
+            backgroundColor: "#fff",
+            color: "#000",
+            boxSizing: "border-box",
+            position: "relative",
+        }, children: [showPaginationControls ? (_jsxs("div", { style: {
+                    width: "269mm",
+                    margin: "2mm auto 0",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "space-between",
+                    fontSize: "7pt",
+                    fontFamily: "Arial, sans-serif",
+                }, children: [_jsx("button", { type: "button", onClick: () => setActivePage(prev => Math.max(prev - 1, 0)), disabled: !canGoPrev, style: {
+                            ...navButtonStyle,
+                            ...(canGoPrev ? undefined : navButtonDisabledStyle),
+                        }, children: "Previous Page" }), _jsxs("div", { style: { fontWeight: 600 }, children: ["Page ", activePage + 1, " of ", itemPages.length] }), _jsx("button", { type: "button", onClick: () => setActivePage(prev => Math.min(prev + 1, itemPages.length - 1)), disabled: !canGoNext, style: {
+                            ...navButtonStyle,
+                            ...(canGoNext ? undefined : navButtonDisabledStyle),
+                        }, children: "Next Page" })] })) : null, _jsxs("div", { style: { width: "100%", marginTop: showPaginationControls ? "2mm" : "0" }, children: [_jsx("div", { style: { textAlign: "right", fontStyle: "italic", fontSize: "7pt", marginBottom: "1mm" }, children: "Annex A.10" }), _jsxs("div", { style: { textAlign: "center", marginBottom: "4mm" }, children: [_jsx("div", { style: {
+                                    fontSize: "10pt",
+                                    fontWeight: "bold",
+                                    letterSpacing: "0.2px",
+                                    lineHeight: 1.2,
+                                }, children: "INVENTORY AND INSPECTION REPORT OF UNSERVICEABLE SEMI-EXPENDABLE PROPERTY" }), _jsxs("div", { style: { fontSize: "8pt", marginTop: "1.5mm" }, children: ["As at ", _jsx(Underline, { width: "340px", children: formatIiruspDate(record.asAtDate) || " " })] })] }), _jsxs("div", { style: {
+                            display: "flex",
+                            justifyContent: "space-between",
+                            marginBottom: "2.5mm",
+                            fontSize: "7.5pt",
+                        }, children: [_jsx("div", { style: { width: "66%" }, children: _jsx(LabeledLine, { label: "Entity Name:", align: "center", children: record.entityName || " " }) }), _jsx("div", { style: { width: "28%" }, children: _jsx(LabeledLine, { label: "Fund Cluster:", align: "center", children: record.fundCluster || " " }) })] }), _jsxs("div", { style: {
+                            display: "grid",
+                            gridTemplateColumns: "42% 26% 26%",
+                            columnGap: "2%",
+                            width: "90%",
+                            marginRight: "auto",
+                            alignItems: "start",
+                            marginBottom: "4mm",
+                            fontSize: "7.5pt",
+                        }, children: [_jsxs("div", { style: { textAlign: "left" }, children: [_jsx(Underline, { width: "96%", children: record.nameOfAccountableOfficer || " " }), _jsx("div", { style: {
+                                            fontSize: "5.8pt",
+                                            fontStyle: "italic",
+                                            marginTop: "0.8mm",
+                                            paddingLeft: "4mm",
+                                        }, children: "(Name of Accountable Officer)" })] }), _jsxs("div", { style: { textAlign: "left" }, children: [_jsx(Underline, { width: "96%", children: record.designation || " " }), _jsx("div", { style: {
+                                            fontSize: "5.8pt",
+                                            fontStyle: "italic",
+                                            marginTop: "0.8mm",
+                                            paddingLeft: "3.5mm",
+                                        }, children: "(Designation)" })] }), _jsxs("div", { style: { textAlign: "left" }, children: [_jsx(Underline, { width: "96%", children: record.station || " " }), _jsx("div", { style: {
+                                            fontSize: "5.8pt",
+                                            fontStyle: "italic",
+                                            marginTop: "0.8mm",
+                                            paddingLeft: "3.5mm",
+                                        }, children: "(Station)" })] })] }), _jsxs("table", { style: {
+                            width: "100%",
+                            borderCollapse: "collapse",
+                            tableLayout: "fixed",
+                            marginTop: "0.6mm",
+                        }, children: [_jsxs("colgroup", { children: [_jsx("col", { style: { width: "5.5%" } }), _jsx("col", { style: { width: "12.0%" } }), _jsx("col", { style: { width: "8.0%" } }), _jsx("col", { style: { width: "3.5%" } }), _jsx("col", { style: { width: "5.5%" } }), _jsx("col", { style: { width: "5.5%" } }), _jsx("col", { style: { width: "6.5%" } }), _jsx("col", { style: { width: "5.5%" } }), _jsx("col", { style: { width: "6.0%" } }), _jsx("col", { style: { width: "4.5%" } }), _jsx("col", { style: { width: "4.5%" } }), _jsx("col", { style: { width: "5.0%" } }), _jsx("col", { style: { width: "5.5%" } }), _jsx("col", { style: { width: "5.0%" } }), _jsx("col", { style: { width: "5.0%" } }), _jsx("col", { style: { width: "6.5%" } }), _jsx("col", { style: { width: "6.0%" } })] }), _jsxs("thead", { children: [_jsxs("tr", { children: [_jsx("th", { colSpan: 9, style: sectionTh, children: "INVENTORY" }), _jsx("th", { colSpan: 6, style: { ...sectionTh, ...sectionSplitLeft }, children: "INSPECTION AND DISPOSAL" }), _jsx("th", { colSpan: 2, style: sectionTh, children: "RECORD OF SALES" })] }), _jsxs("tr", { children: [_jsx("th", { style: headerTh, children: "Date Acquired" }), _jsx("th", { style: headerTh, children: "Particulars/Articles" }), _jsxs("th", { style: { ...headerTh, wordBreak: "break-word", letterSpacing: "-0.2px" }, children: ["Semi-expendable", _jsx("br", {}), "Property No."] }), _jsx("th", { style: headerTh, children: "Qty" }), _jsx("th", { style: headerTh, children: "Unit Cost" }), _jsx("th", { style: headerTh, children: "Total Cost" }), _jsxs("th", { style: {
+                                                    ...headerTh,
+                                                    wordBreak: "break-word",
+                                                    fontSize: "5pt",
+                                                    letterSpacing: "-0.2px",
+                                                }, children: ["Accumulated", _jsx("br", {}), "Impairment", _jsx("br", {}), "Losses"] }), _jsx("th", { style: headerTh, children: "Carrying Amount" }), _jsx("th", { style: headerTh, children: "Remarks" }), _jsx("th", { style: { ...headerTh, ...sectionSplitLeft }, children: "Sale" }), _jsx("th", { style: headerTh, children: "Transfer" }), _jsx("th", { style: headerTh, children: "Destruction" }), _jsxs("th", { style: { ...headerTh, wordBreak: "break-word" }, children: ["Others", _jsx("br", {}), "(Specify)"] }), _jsx("th", { style: headerTh, children: "Total" }), _jsxs("th", { style: { ...headerTh, wordBreak: "break-word" }, children: ["Appraised", _jsx("br", {}), "Value"] }), _jsx("th", { style: headerTh, children: "OR No." }), _jsx("th", { style: headerTh, children: "Amount" })] }), _jsx("tr", { children: [
+                                            "(1)",
+                                            "(2)",
+                                            "(3)",
+                                            "(4)",
+                                            "(5)",
+                                            "(6)",
+                                            "(7)",
+                                            "(8)",
+                                            "(9)",
+                                            "(10)",
+                                            "(11)",
+                                            "(12)",
+                                            "(13)",
+                                            "(14)",
+                                            "(15)",
+                                            "(16)",
+                                            "(17)",
+                                        ].map((n, index) => (_jsx("th", { style: index === 9 ? { ...numTh, ...sectionSplitLeft } : numTh, children: n }, n))) })] }), _jsxs("tbody", { children: [rows.map((item, idx) => (_jsxs("tr", { children: [_jsx("td", { style: dateTd, children: item ? formatIiruspDate(item.dateAcquired) : " " }), _jsx("td", { style: wrappedTextTd, title: item?.particularsArticles || "", children: item?.particularsArticles || " " }), _jsx("td", { style: wrappedTextTd, title: item?.propertyNo || "", children: item?.propertyNo || " " }), _jsx("td", { style: numTd, children: item ? fmtNum(item.qty) : " " }), _jsx("td", { style: numTd, children: item ? fmtNum(item.unitCost) : " " }), _jsx("td", { style: numTd, children: item ? fmtNum(item.totalCost) : " " }), _jsx("td", { style: numTd, children: item ? fmtNum(item.accumulatedImpairmentLosses) : " " }), _jsx("td", { style: numTd, children: item ? fmtNum(item.carryingAmount) : " " }), _jsx("td", { style: wrappedTextTd, title: item?.remarks || "", children: item?.remarks || " " }), _jsx("td", { style: { ...numTd, ...sectionSplitLeft }, children: item && hasInputValue(item.sale) ? fmtNum(item.sale) : " " }), _jsx("td", { style: numTd, children: item && hasInputValue(item.transfer) ? fmtNum(item.transfer) : " " }), _jsx("td", { style: numTd, children: item && hasInputValue(item.destruction) ? fmtNum(item.destruction) : " " }), _jsx("td", { style: wrappedTextTd, title: item?.othersSpecify || "", children: item?.othersSpecify || " " }), _jsx("td", { style: numTd, children: item && hasInputValue(item.total) ? fmtNum(item.total) : " " }), _jsx("td", { style: numTd, children: item && hasInputValue(item.appraisedValue) ? fmtNum(item.appraisedValue) : " " }), _jsx("td", { style: wrappedTextTd, title: item?.orNo || "", children: item?.orNo || " " }), _jsx("td", { style: numTd, children: item && hasInputValue(item.amount) ? fmtNum(item.amount) : " " })] }, idx))), isLastPage ? (_jsxs("tr", { children: [_jsx("td", { colSpan: 3, style: { ...td, textAlign: "center" } }), _jsx("td", { style: { ...numTd, fontWeight: "bold" }, children: fmtNum(totals.qty) }), _jsx("td", { style: numTd, children: " " }), _jsx("td", { style: { ...numTd, fontWeight: "bold" }, children: fmtNum(totals.totalCost) }), _jsx("td", { style: { ...numTd, fontWeight: "bold" }, children: fmtNum(totals.accImpair) }), _jsx("td", { style: { ...numTd, fontWeight: "bold" }, children: fmtNum(totals.carrying) }), _jsx("td", { style: td, children: " " }), _jsx("td", { style: { ...numTd, ...sectionSplitLeft, fontWeight: "bold" }, children: hasDisposalValues.sale ? fmtNum(totals.sale) : " " }), _jsx("td", { style: { ...numTd, fontWeight: "bold" }, children: hasDisposalValues.transfer ? fmtNum(totals.transfer) : " " }), _jsx("td", { style: { ...numTd, fontWeight: "bold" }, children: hasDisposalValues.destruction ? fmtNum(totals.destruction) : " " }), _jsx("td", { style: td, children: " " }), _jsx("td", { style: { ...numTd, fontWeight: "bold" }, children: hasDisposalValues.total ? fmtNum(totals.total) : " " }), _jsx("td", { style: { ...numTd, fontWeight: "bold" }, children: hasDisposalValues.appraisedValue ? fmtNum(totals.appraisedValue) : " " }), _jsx("td", { style: td, children: " " }), _jsx("td", { style: { ...numTd, fontWeight: "bold" }, children: hasDisposalValues.amount ? fmtNum(totals.amount) : " " })] })) : null] })] }), isLastPage ? (_jsxs(_Fragment, { children: [_jsx("table", { style: { width: "100%", borderCollapse: "collapse", marginTop: "0" }, children: _jsx("tbody", { children: _jsxs("tr", { children: [_jsx("td", { style: {
+                                                    border: b,
+                                                    borderTop: b,
+                                                    borderRight: "2px solid #000",
+                                                    padding: "4px 5px",
+                                                    width: "56%",
+                                                    verticalAlign: "top",
+                                                    fontSize: "6.1pt",
+                                                    lineHeight: 1.2,
+                                                    height: "18mm",
+                                                }, children: "I HEREBY request inspection and disposition, pursuant to Section 79 of P.D. No. 1445, of the property enumerated above." }), _jsx("td", { style: {
+                                                    border: b,
+                                                    borderTop: b,
+                                                    borderLeft: "none",
+                                                    borderRight: "none",
+                                                    borderBottom: "none",
+                                                    padding: "4px 5px",
+                                                    width: "25%",
+                                                    verticalAlign: "top",
+                                                    fontSize: "6.1pt",
+                                                    lineHeight: 1.2,
+                                                    height: "18mm",
+                                                }, children: "I CERTIFY that I have inspected each and every article enumerated in this report, and that the disposition made thereof was, in my judgment, the best for the public interest." }), _jsxs("td", { style: {
+                                                    border: b,
+                                                    borderTop: b,
+                                                    borderLeft: "none",
+                                                    borderBottom: "none",
+                                                    padding: "4px 5px",
+                                                    width: "19%",
+                                                    verticalAlign: "top",
+                                                    fontSize: "6.1pt",
+                                                    lineHeight: 1.2,
+                                                    height: "18mm",
+                                                }, children: ["I CERTIFY that I have witnessed the disposition of the articles enumerated on this report this ", _jsx(Underline, { width: "22px", children: wd.day || " " }), " day of", " ", _jsx(Underline, { width: "60px", children: wd.month || " " }), " ", _jsx(Underline, { width: "38px", children: wd.year || " " }), "."] })] }) }) }), _jsx("table", { style: { width: "100%", borderCollapse: "collapse", marginTop: "0" }, children: _jsx("tbody", { children: _jsxs("tr", { children: [_jsx("td", { style: {
+                                                    border: b,
+                                                    borderTop: "none",
+                                                    borderRight: "2px solid #000",
+                                                    padding: "4px 5px",
+                                                    width: "56%",
+                                                    verticalAlign: "top",
+                                                    height: "27mm",
+                                                }, children: _jsx(RequestedApprovalBlock, { requested: requested, approved: approved, designation: record.designation }) }), _jsx("td", { style: {
+                                                    border: b,
+                                                    borderTop: "none",
+                                                    borderLeft: "none",
+                                                    borderRight: "none",
+                                                    padding: "4px 5px",
+                                                    width: "25%",
+                                                    verticalAlign: "top",
+                                                    height: "27mm",
+                                                }, children: _jsx(SingleRoleSignatureBlock, { title: "Inspection Officer", signature: inspection }) }), _jsx("td", { style: {
+                                                    border: b,
+                                                    borderTop: "none",
+                                                    borderLeft: "none",
+                                                    padding: "4px 5px",
+                                                    width: "19%",
+                                                    verticalAlign: "top",
+                                                    height: "27mm",
+                                                }, children: _jsx(SingleRoleSignatureBlock, { title: "Witness", signature: witness }) })] }) }) })] })) : null] })] }));
+}
+function SignatureVisual({ signature }) {
+    const name = signature?.signedByName ?? "";
+    const signatureImage = signature?.signature?.trim();
+    // Seed data uses Picsum placeholder URLs. They are not reliable/CORS-safe for
+    // html2canvas, so omit them from printable previews and retain the signer's name.
+    const canRenderSignatureImage = Boolean(signatureImage && !/^https?:\/\/picsum\.photos\//i.test(signatureImage));
+    return (_jsxs("div", { style: { textAlign: "center" }, children: [_jsx("div", { style: { height: "18px" }, children: canRenderSignatureImage && signatureImage && (
+                // eslint-disable-next-line @next/next/no-img-element
+                _jsx("img", { src: signatureImage, alt: signature?.label ?? "Signature", crossOrigin: "anonymous", style: { height: "18px", margin: "0 auto" } })) }), _jsx("div", { style: {
+                    borderBottom: "1px solid #000",
+                    minHeight: "7mm",
+                    display: "flex",
+                    alignItems: "flex-end",
+                    justifyContent: "center",
+                    padding: "0 1mm 1.8mm",
+                    boxSizing: "border-box",
+                    lineHeight: 1,
+                    fontWeight: 500,
+                    fontSize: "6.5pt",
+                }, children: name || " " })] }));
+}
+function RequestedApprovalBlock({ requested, approved, designation, }) {
+    return (_jsx("div", { style: { fontSize: "6.2pt", paddingLeft: "1mm", paddingTop: "0.5mm" }, children: _jsxs("div", { style: { display: "flex", justifyContent: "space-between" }, children: [_jsxs("div", { style: { width: "48%" }, children: [_jsx("div", { style: { marginBottom: "4mm" }, children: "Requested by:" }), _jsxs("div", { style: { textAlign: "center", width: "90%", margin: "0 auto" }, children: [_jsx(SignatureVisual, { signature: requested }), _jsx("div", { style: {
+                                        fontSize: "5.4pt",
+                                        fontStyle: "italic",
+                                        textAlign: "center",
+                                        lineHeight: 1.1,
+                                        marginTop: "1.2mm",
+                                        marginBottom: "3mm",
+                                    }, children: "(Signature over Printed Name of Accountable Officer)" }), _jsx("div", { style: {
+                                        borderBottom: "1px solid #000",
+                                        minHeight: "6mm",
+                                        display: "flex",
+                                        alignItems: "flex-end",
+                                        justifyContent: "center",
+                                        padding: "0 1mm 1.6mm",
+                                        boxSizing: "border-box",
+                                        lineHeight: 1,
+                                        fontWeight: 500,
+                                        fontSize: "6.5pt",
+                                    }, children: designation || " " }), _jsx("div", { style: {
+                                        fontSize: "5.4pt",
+                                        fontStyle: "italic",
+                                        textAlign: "center",
+                                        lineHeight: 1.1,
+                                        marginTop: "1.1mm",
+                                    }, children: "(Designation of Accountable Officer)" })] })] }), _jsxs("div", { style: { width: "48%" }, children: [_jsx("div", { style: { marginBottom: "4mm" }, children: "Approved by:" }), _jsxs("div", { style: { textAlign: "center", width: "90%", margin: "0 auto" }, children: [_jsx(SignatureVisual, { signature: approved }), _jsx("div", { style: {
+                                        fontSize: "5.4pt",
+                                        fontStyle: "italic",
+                                        textAlign: "center",
+                                        lineHeight: 1.1,
+                                        marginTop: "1.2mm",
+                                    }, children: "(Signature over Printed Name of Authorized Official)" })] })] })] }) }));
+}
+function SingleRoleSignatureBlock({ title, signature, }) {
+    return (_jsxs("div", { style: { fontSize: "6.2pt", paddingLeft: "1mm", paddingTop: "0.5mm" }, children: [_jsxs("div", { style: { marginBottom: "4mm" }, children: [title, ":"] }), _jsxs("div", { style: { textAlign: "center", width: "85%", margin: "0 auto" }, children: [_jsx(SignatureVisual, { signature: signature }), _jsxs("div", { style: {
+                            fontSize: "5.4pt",
+                            fontStyle: "italic",
+                            textAlign: "center",
+                            lineHeight: 1.1,
+                            marginTop: "1.2mm",
+                        }, children: ["(Signature over Printed Name of ", title, ")"] })] })] }));
+}