Point of Sale

\n \n {receipt ? (\n

Receipt

\n \n

Sale #{receipt.id}

Date: {new Date(receipt.created_at).toLocaleString()}

Cashier: {receipt.username}

Payment Method: {receipt.payment_method}

\n \n \n \n \n \n \n \n \n \n \n \n {receipt.items.map((item) => (\n \n \n \n \n \n \n ))}\n \n \n \n \n \n \n \n

\n Product\n	\n Qty\n	\n Price\n	\n Total\n
\n {item.product_name}\n	\n {item.quantity}\n	\n ${item.price_per_unit.toFixed(2)}\n	\n ${item.total_price.toFixed(2)}\n
\n Total:\n	\n ${receipt.total_amount.toFixed(2)}\n

\n \n

Thank you for your purchase!

\n ) : (\n

\n {/* Product Selection */}\n

\n \n \n

\n \n {/* Cart */}\n

Current Sale

\n \n {error && (\n

\n {error}\n

\n )}\n \n {success && (\n

\n {success}\n

\n )}\n \n {cart.length === 0 ? (\n

Cart is empty

\n ) : (\n

\n {cart.map((item) => (\n

{item.product.name}

${item.product.price.toFixed(2)} each

\n handleUpdateQuantity(item.product.id, item.quantity - 1)}\n >\n -\n \n {item.quantity}\n handleUpdateQuantity(item.product.id, item.quantity + 1)}\n >\n +\n \n handleRemoveItem(item.product.id)}\n >\n ×\n \n

\n ))}\n

\n )}\n \n

\n Total:\n ${calculateTotal().toFixed(2)}\n

\n \n

\n \n Payment Method\n \n

\n setPaymentMethod('cash')}\n >\n Cash\n \n setPaymentMethod('card')}\n >\n Card\n \n setPaymentMethod('other')}\n >\n Other\n \n

\n \n \n Complete Sale\n \n

\n )}\n

\n );\n};\n\nexport default PointOfSale;","deleted","label",[159,160,141],"frontend","components","permalink","https://www.val.town/x/Lenny254/PointofSale/code/frontend/components/PointOfSale.tsx","extension","routes/embed","actionData","errors"]