function MainComponent() { const handleSubmit = async (e)=>{ e.preventDefault(); const formData = new FormData(e.target); const name = formData.get('name'); const agency = formData.get('agency'); const age = formData.get('age'); const height = formData.get('height'); const bust = formData.get('bust'); const waist = formData.get('waist'); const hip = formData.get('hip'); const weight = formData.get('weight'); const foot_size = formData.get('foot_size'); const nearest_station = formData.get('nearest_station'); const photoFile = formData.get('photo'); const photoName = `${name}(${age})${height}cm`; const reader = new FileReader(); reader.readAsDataURL(photoFile); reader.onloadend = async ()=>{ const photoDataUrl = reader.result; const data = { name, agency, age, height, bust, waist, hip, weight, foot_size, nearest_station, photo: photoName }; await fetch('/api/db/profiledb', { method: 'POST', body: JSON.stringify({ query: "INSERT INTO `profile_data` (`name`, `agency`, `age`, `height`, `bust`, `waist`, `hip`, `weight`, `foot_size`, `nearest_station`, `photo`) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)", values: [ data.name, data.agency, data.age, data.height, data.bust, data.waist, data.hip, data.weight, data.foot_size, data.nearest_station, data.photo ] }) }); const pdfBlob = new Blob([ JSON.stringify(data) ], { type: 'application/pdf' }); const pdfUrl = URL.createObjectURL(pdfBlob); window.location.href = pdfUrl; }; }; return /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 64, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6 w-1/2", __source: { fileName: "", lineNumber: 65, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-bold font-crimson-text", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, "名前"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", className: "w-[300px] p-2 border border-gray-300 rounded font-crimson-text", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-bold font-crimson-text", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, "性別"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "gender", className: "w-[300px] p-2 border border-gray-300 rounded font-crimson-text", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-bold font-crimson-text", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, "所属事務所"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "agency", className: "w-[300px] p-2 border border-gray-300 rounded font-crimson-text", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-bold font-crimson-text", __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }, "年齢"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "age", className: "w-[300px] p-2 border border-gray-300 rounded font-crimson-text", __source: { fileName: "", lineNumber: 81, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-bold font-crimson-text", __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }, "身長 ", /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 84, columnNumber: 77 }, __self: this }, "cm")), /*#__PURE__*/ React.createElement("input", { type: "text", name: "height", className: "w-[300px] p-2 border border-gray-300 rounded font-crimson-text", __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 87, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-bold font-crimson-text", __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, "スリーサイズ"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 89, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 90, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "bust", placeholder: "B", className: "w-[96px] p-2 border border-gray-300 rounded font-crimson-text", __source: { fileName: "", lineNumber: 91, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "absolute right-2 top-2 text-gray-500", __source: { fileName: "", lineNumber: 92, columnNumber: 17 }, __self: this }, "cm")), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 94, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "waist", placeholder: "W", className: "w-[96px] p-2 border border-gray-300 rounded font-crimson-text", __source: { fileName: "", lineNumber: 95, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "absolute right-2 top-2 text-gray-500", __source: { fileName: "", lineNumber: 96, columnNumber: 17 }, __self: this }, "cm")), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 98, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "hip", placeholder: "H", className: "w-[96px] p-2 border border-gray-300 rounded font-crimson-text", __source: { fileName: "", lineNumber: 99, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "absolute right-2 top-2 text-gray-500", __source: { fileName: "", lineNumber: 100, columnNumber: 17 }, __self: this }, "cm")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 104, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-bold font-crimson-text", __source: { fileName: "", lineNumber: 105, columnNumber: 13 }, __self: this }, "体重 ", /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 105, columnNumber: 77 }, __self: this }, "kg")), /*#__PURE__*/ React.createElement("input", { type: "text", name: "weight", className: "w-[300px] p-2 border border-gray-300 rounded font-crimson-text", __source: { fileName: "", lineNumber: 106, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 108, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-bold font-crimson-text", __source: { fileName: "", lineNumber: 109, columnNumber: 13 }, __self: this }, "足のサイズ ", /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 109, columnNumber: 80 }, __self: this }, "cm")), /*#__PURE__*/ React.createElement("input", { type: "text", name: "foot_size", className: "w-[300px] p-2 border border-gray-300 rounded font-crimson-text", __source: { fileName: "", lineNumber: 110, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 112, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-bold font-crimson-text", __source: { fileName: "", lineNumber: 113, columnNumber: 13 }, __self: this }, "最寄駅"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "nearest_station", className: "w-[300px] p-2 border border-gray-300 rounded font-crimson-text", __source: { fileName: "", lineNumber: 114, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 116, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-bold font-crimson-text", __source: { fileName: "", lineNumber: 117, columnNumber: 13 }, __self: this }, "顔写真"), /*#__PURE__*/ React.createElement("input", { type: "file", name: "photo", className: "w-[300px] p-2 border border-gray-300 rounded font-crimson-text", __source: { fileName: "", lineNumber: 118, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 120, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-[300px] bg-blue-500 text-white p-2 rounded font-crimson-text", __source: { fileName: "", lineNumber: 121, columnNumber: 13 }, __self: this }, "PDF作成")))), /*#__PURE__*/ React.createElement("div", { className: "w-1/2 p-6", __source: { fileName: "", lineNumber: 125, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { className: "w-full h-[800px]", src: "", id: "pdfViewer", __source: { fileName: "", lineNumber: 126, columnNumber: 9 }, __self: this }))); }