{message}

\n \n

\n );\n}\n\nfunction ArthurBusinessManagementModule() {\n const [activeModule, setActiveModule] = useState<'inventory' | 'credit'>('inventory');\n const [inventoryItems, setInventoryItems] = useState([]);\n const [creditTransactions, setCreditTransactions] = useState([]);\n const [submissionNotice, setSubmissionNotice] = useState(null);\n const [submissionCounter, setSubmissionCounter] = useState(1);\n\n // Inventory Module State\n const [itemName, setItemName] = useState('');\n const [itemType, setItemType] = useState('');\n const [itemPrice, setItemPrice] = useState('');\n\n // Credit Module State\n const [debtorName, setDebtorName] = useState('');\n const [materialCredited, setMaterialCredited] = useState('');\n const [amountCredited, setAmountCredited] = useState('');\n const [amountPaid, setAmountPaid] = useState('');\n\n const handleAddInventoryItem = () => {\n if (!itemName || !itemType || !itemPrice) {\n setSubmissionNotice('Please fill all inventory fields');\n return;\n }\n const newItem = {\n submissionId: `INV-${submissionCounter}`,\n itemName,\n itemType,\n price: parseFloat(itemPrice),\n timestamp: new Date().toISOString()\n };\n setInventoryItems([...inventoryItems, newItem]);\n \n // Reset form\n setItemName('');\n setItemType('');\n setItemPrice('');\n };\n\n const handleAddCreditTransaction = () => {\n if (!debtorName || !materialCredited || !amountCredited || !amountPaid) {\n setSubmissionNotice('Please fill all credit transaction fields');\n return;\n }\n const balance = parseFloat(amountCredited) - parseFloat(amountPaid);\n const newTransaction = {\n submissionId: `CREDIT-${submissionCounter}`,\n debtorName,\n materialCredited,\n amountCredited: parseFloat(amountCredited),\n amountPaid: parseFloat(amountPaid),\n balance,\n timestamp: new Date().toISOString()\n };\n setCreditTransactions([...creditTransactions, newTransaction]);\n \n // Reset form\n setDebtorName('');\n setMaterialCredited('');\n setAmountCredited('');\n setAmountPaid('');\n };\n\n const submitToMasterSheet = async () => {\n try {\n // Combine inventory and credit transactions\n const combinedSubmissions = [\n ...inventoryItems.map(item => ({\n type: 'Inventory',\n ...item\n })),\n ...creditTransactions.map(transaction => ({\n type: 'Credit',\n ...transaction\n }))\n ];\n\n const response = await fetch(`https://sheets.googleapis.com/v4/spreadsheets/${SHEET_ID}/values/AllSubmissions!A:H:append`, {\n method: 'POST',\n headers: {\n 'Authorization': `Bearer ${API_KEY}`,\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify({\n values: combinedSubmissions.map(submission => [\n submission.submissionId,\n submission.type,\n submission.itemName || submission.debtorName || 'N/A',\n submission.itemType || submission.materialCredited || 'N/A',\n submission.price || submission.amountCredited || 'N/A',\n submission.amountPaid || 'N/A',\n submission.balance || 'N/A',\n submission.timestamp\n ])\n })\n });\n \n if (response.ok) {\n setSubmissionNotice(`Submissions for ${submissionCounter} successfully recorded`);\n setInventoryItems([]);\n setCreditTransactions([]);\n setSubmissionCounter(prev => prev + 1);\n } else {\n throw new Error('Submission failed');\n }\n } catch (error) {\n console.error('Error submitting to master sheet:', error);\n setSubmissionNotice('Failed to submit submissions');\n }\n };\n\n return (\n

\n {submissionNotice && (\n setSubmissionNotice(null)} \n />\n )}\n \n

Arthur Business Management Module

\n \n

\n \n \n

\n\n {activeModule === 'inventory' && (\n

Inventory Management (Batch {submissionCounter})

\n setItemName(e.target.value)}\n />\n setItemType(e.target.value)}\n />\n setItemPrice(e.target.value)}\n />\n \n

\n\n {inventoryItems.length > 0 && (\n

Pending Items

\n {inventoryItems.map((item, index) => (\n

\n {item.itemName} - {item.itemType} - ${item.price}\n

\n ))}\n \n

\n )}\n

\n )}\n\n {activeModule === 'credit' && (\n

Credit/Debt Tracking (Batch {submissionCounter})

\n setDebtorName(e.target.value)}\n />\n setMaterialCredited(e.target.value)}\n />\n setAmountCredited(e.target.value)}\n />\n setAmountPaid(e.target.value)}\n />\n \n

\n\n {creditTransactions.length > 0 && (\n

Pending Transactions

\n {creditTransactions.map((transaction, index) => (\n

\n {transaction.debtorName} - {transaction.materialCredited} \n - Credited: ${transaction.amountCredited} \n - Paid: ${transaction.amountPaid} \n - Balance: ${transaction.balance}\n

\n ))}\n \n

\n )}\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(`\n \n \n Arthur Business Management Module\n \n \n \n \n

\n \n \n \n \n `, {\n headers: { \"content-type\": \"text/html\" }\n });\n}\n\nconst css = `\nbody {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n background-color: #f4f4f4;\n margin: 0;\n padding: 20px;\n line-height: 1.6;\n}\n\n.business-module-container {\n background-color: white;\n border-radius: 10px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n max-width: 600px;\n margin: 0 auto;\n padding: 30px;\n position: relative;\n}\n\nh1 {\n text-align: center;\n color: #333;\n margin-bottom: 20px;\n}\n\n.module-selector {\n display: flex;\n justify-content: center;\n margin-bottom: 20px;\n}\n\n.module-selector button {\n margin: 0 10px;\n padding: 10px 20px;\n background-color: #f0f0f0;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n transition: background-color 0.3s;\n}\n\n.module-selector button.active {\n background-color: #007bff;\n color: white;\n}\n\n.form-group {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-bottom: 20px;\n}\n\n.form-group input {\n padding: 10px;\n border: 1px solid #ddd;\n border-radius: 5px;\n}\n\nbutton {\n padding: 10px;\n background-color: #28a745;\n color: white;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n transition: background-color 0.3s;\n}\n\nbutton:hover {\n background-color: #218838;\n}\n\n.item-list, .transaction-list {\n background-color: #f9f9f9;\n padding: 15px;\n border-radius: 5px;\n}\n\n.list-item {\n background-color: white;\n border: 1px solid #e0e0e0;\n padding: 10px;\n margin-bottom: 10px;\n border-radius: 5px;\n}\n\n.submission-notice {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n}\n\n.submission-notice-content {\n background-color: white;\n padding: 20px;\n border-radius: 10px;\n text-align: center;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n}\n\n.submission-notice-content button {\n margin-top: 10px;\n}\n\n@media (max-width: 600px) {\n .business-module-container {\n padding: 15px;\n }\n \n .module-selector {\n flex-direction: column;\n }\n \n .module-selector button {\n margin: 5px 0;\n }\n}\n`;","deleted","label",[99],"permalink","https://www.val.town/x/pastoreekahk96/ingeniousBlueBird/code/main.tsx","extension","actionData","errors"]