seti-ramesesv1/dist/templates/DynamicInfosForm.js

Reusable components and context for Next.js apps

import { jsxs, jsx } from 'react/jsx-runtime';
import Spacer from '../components/ui/Spacer.js';
import { getApplicationByTrackNo } from '../stores/applications.js';

const fields = [
    { key: "trackno", label: "Tracking No." },
    { key: "particulars", label: "Type" },
    { key: "applicant", label: "Applicant" },
    { key: "bldgno", label: "Building Permit No." },
    { key: "location", label: "Location" },
];
const DynamicInfosForm = (props) => {
    const itemid = props.params.itemid;
    const items = getApplicationByTrackNo(itemid);
    return (jsxs("div", { children: [jsx("div", { className: "flex flex-col gap-y-2 text-end", children: fields.map(({ key, label }) => (jsxs("div", { className: "flex justify-between", children: [jsx("p", { children: label }), jsx("p", { children: items?.[key] ?? "-" })] }, key))) }), jsx(Spacer, { height: 20 }), jsx(Spacer, { height: 20 }), jsx("p", { className: "font-semibold", children: "Details" }), jsx(Spacer, {}), jsxs("div", { className: "text-[0.875rem] text-gray-700", children: [jsx("p", { children: "Purpose" }), jsx(Spacer, {}), jsxs("div", { className: "flex justify-between pl-10", children: [jsxs("div", { className: "flex flex-col gap-y-2 text-left ", children: [jsx("p", { children: "Construction Lighting and Power" }), jsx("p", { children: "Christmas Decorative Lighting" }), jsx("p", { children: "Carnival/ Fiesta & Power" }), jsx("p", { children: "Cemetery" })] }), jsxs("div", { className: "flex flex-col gap-y-2 text-end", children: [jsx("p", { children: "Yes" }), jsx("p", { children: "No" }), jsx("p", { children: "No" }), jsx("p", { children: "No" })] })] }), jsx(Spacer, {}), jsx(Spacer, {}), jsx("p", { children: "No. of Outlets" }), jsx(Spacer, {}), jsxs("div", { className: "flex justify-between pl-10", children: [jsxs("div", { className: "flex flex-col gap-y-2 text-left ", children: [jsx("p", { children: "Lights" }), jsx("p", { children: "C/ Outlets" }), jsx("p", { children: "Switch" }), jsx("p", { children: "Others" })] }), jsxs("div", { className: "flex flex-col gap-y-2 text-end", children: [jsx("p", { children: "3" }), jsx("p", { children: "3" }), jsx("p", { children: "2" }), jsx("p", { children: "-" })] })] }), jsx(Spacer, {}), jsx(Spacer, {}), jsx("p", { children: "Person In-charge of Installation" }), jsx(Spacer, {}), jsxs("div", { className: "flex justify-between pl-10", children: [jsxs("div", { className: "flex flex-col gap-y-2 text-left ", children: [jsx("p", { children: "Name" }), jsx("p", { children: "PRC No./Validity" }), jsx("p", { children: "Profession" }), jsx("p", { children: "PTR No." }), jsx("p", { children: "Tel./Mobile No." }), jsx("p", { children: "Place Issued" }), jsx("p", { children: "TIN" }), jsx("p", { children: "Address" })] }), jsxs("div", { className: "flex flex-col gap-y-2 text-end", children: [jsx("p", { children: "Juan Dela Cruz" }), jsx("p", { children: "0051201 2025-03-06" }), jsx("p", { children: "Registered Electrical Engineer" }), jsx("p", { children: "PTR 5377447." }), jsx("p", { children: "(0961) 566-4672" }), jsx("p", { children: "Manila" }), jsx("p", { children: "-" }), jsx("p", { children: "-" })] })] })] })] }));
};

export { DynamicInfosForm as default };
//# sourceMappingURL=DynamicInfosForm.js.map