Member Record

Name: ${data.name}

Surname: ${data.surname}

Serial Number: ${data.serialNumber}

Card Number: ${data.cardNumber}

Region: ${data.region}

Division: ${data.division}

Sub-division: ${data.subDivision}

Position: ${data.position}

`; await fetch("/integrations/pdf-generation/pdf", { method: "POST", body: JSON.stringify({ source: { html: pdfHtml } }) }); console.log(data); }; const handleAutocomplete = async (event) => { const input = event.target.value; if (input.length > 2) { const response = await fetch(`/integrations/google-place-autocomplete/autocomplete/json?input=${input}&radius=500`, { method: "GET" }); const result = await response.json(); console.log(result.predictions); } }; return /* @__PURE__ */ React.createElement("div", { className: "min-h-screen bg-gray-100 flex items-center justify-center" }, /* @__PURE__ */ React.createElement("div", { className: "bg-white p-10 rounded shadow-md w-[500px]" }, /* @__PURE__ */ React.createElement("h1", { className: "text-2xl font-bold mb-6 text-center font-roboto" }, "Member Record"), /* @__PURE__ */ React.createElement("form", { onSubmit: handleSubmit }, /* @__PURE__ */ React.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React.createElement("label", { className: "block text-gray-700 font-bold mb-2 font-roboto", htmlFor: "name" }, "Name"), /* @__PURE__ */ React.createElement("input", { className: "w-full px-3 py-2 border rounded", type: "text", id: "name", name: "name" })), /* @__PURE__ */ React.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React.createElement("label", { className: "block text-gray-700 font-bold mb-2 font-roboto", htmlFor: "surname" }, "Surname"), /* @__PURE__ */ React.createElement("input", { className: "w-full px-3 py-2 border rounded", type: "text", id: "surname", name: "surname" })), /* @__PURE__ */ React.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React.createElement("label", { className: "block text-gray-700 font-bold mb-2 font-roboto", htmlFor: "serialNumber" }, "Serial Number"), /* @__PURE__ */ React.createElement("input", { className: "w-full px-3 py-2 border rounded", type: "text", id: "serialNumber", name: "serialNumber" })), /* @__PURE__ */ React.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React.createElement("label", { className: "block text-gray-700 font-bold mb-2 font-roboto", htmlFor: "cardNumber" }, "Card Number"), /* @__PURE__ */ React.createElement("input", { className: "w-full px-3 py-2 border rounded", type: "text", id: "cardNumber", name: "cardNumber" })), /* @__PURE__ */ React.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React.createElement("label", { className: "block text-gray-700 font-bold mb-2 font-roboto", htmlFor: "region" }, "Region"), /* @__PURE__ */ React.createElement("input", { className: "w-full px-3 py-2 border rounded", type: "text", id: "region", name: "region", onChange: handleAutocomplete })), /* @__PURE__ */ React.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React.createElement("label", { className: "block text-gray-700 font-bold mb-2 font-roboto", htmlFor: "division" }, "Division"), /* @__PURE__ */ React.createElement("input", { className: "w-full px-3 py-2 border rounded", type: "text", id: "division", name: "division", onChange: handleAutocomplete })), /* @__PURE__ */ React.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React.createElement("label", { className: "block text-gray-700 font-bold mb-2 font-roboto", htmlFor: "subDivision" }, "Sub-division"), /* @__PURE__ */ React.createElement("input", { className: "w-full px-3 py-2 border rounded", type: "text", id: "subDivision", name: "subDivision", onChange: handleAutocomplete })), /* @__PURE__ */ React.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React.createElement("label", { className: "block text-gray-700 font-bold mb-2 font-roboto", htmlFor: "position" }, "Position"), /* @__PURE__ */ React.createElement("input", { className: "w-full px-3 py-2 border rounded", type: "text", id: "position", name: "position" })), /* @__PURE__ */ React.createElement("button", { className: "w-full bg-blue-500 text-white font-bold py-2 px-4 rounded hover:bg-blue-700 font-roboto", type: "submit" }, "Submit")))); } var page_default = MainComponent; return __toCommonJS(page_exports); })();