Shri Rama Restaurant Order Form<\/title>\n <style>\n body {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n margin: 0;\n padding: 20px;\n background-color: #f3f4f6;\n color: #1f2937;\n }\n .container {\n max-width: 900px;\n margin: auto;\n }\n .grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 24px;\n }\n @media (max-width: 768px) {\n .grid {\n grid-template-columns: 1fr;\n }\n }\n .total-box {\n background-color: #ffffff;\n border: 1px solid #e5e7eb;\n border-radius: 12px;\n padding: 20px;\n }\n .muted {\n color: #6b7280;\n }\n .small {\n font-size: 12px;\n }\n label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n margin-top: 10px;\n margin-bottom: 4px;\n }\n input, textarea, select {\n width: 100%;\n padding: 8px 12px;\n border: 1px solid #d1d5db;\n border-radius: 8px;\n box-sizing: border-box;\n background-color: #fff;\n }\n input:focus, textarea:focus, select:focus {\n outline: none;\n border-color: #9ca3af;\n }\n .menu-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 0;\n border-bottom: 1px solid #e5e7eb;\n }\n .qty {\n width: 50px;\n text-align: center;\n }\n .primary {\n width: 100%;\n padding: 10px;\n border-radius: 8px;\n border: none;\n background-color: #1f2937;\n color: white;\n font-weight: 600;\n cursor: pointer;\n transition: background-color 0.2s;\n }\n .primary:hover {\n background-color: #374151;\n }\n .primary:disabled {\n background-color: #9ca3af;\n cursor: not-allowed;\n }\n .qr-wrap {\n border: 1px solid #d1d5db;\n border-radius: 8px;\n padding: 10px;\n text-align: center;\n background: white;\n }\n .note {\n font-size: 13px;\n color: #4b5563;\n border: 1px solid #d1d5db;\n border-radius: 8px;\n padding: 8px;\n }\n .image-preview {\n margin-top: 8px;\n border: 1px dashed #d1d5db;\n border-radius: 8px;\n padding: 10px;\n text-align: center;\n min-height: 50px;\n display: none;\n }\n .image-preview img {\n max-width: 100%;\n max-height: 150px;\n border-radius: 6px;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"grid\" style=\"margin-top:14px\">\n <div>\n <div style=\"background-color:#fff; padding:20px; border-radius:12px; margin-bottom:16px;\">\n <strong>Customer Details<\/strong>\n <div style=\"margin-top:8px\">\n <label>\u0928\u093e\u092e<\/label>\n <input id=\"custName\" placeholder=\"\u092a\u0942\u0930\u093e \u0928\u093e\u092e \u0932\u093f\u0916\u0947\u0902\">\n <label>\u092e\u094b\u092c\u093e\u0907\u0932 \u0928\u0902\u092c\u0930<\/label>\n <input id=\"custPhone\" placeholder=\"91XXXXXXXXXX\" type=\"tel\">\n <label>\u0921\u093f\u0932\u093f\u0935\u0930\u0940 \u092a\u0924\u093e<\/label>\n <textarea id=\"custAddress\" rows=\"3\" placeholder=\"\u0918\u0930 \/ \u0939\u094b\u091f\u0932 \/ \u092b\u094d\u0932\u0947\u091f \u0928\u0902\u092c\u0930\"><\/textarea>\n <\/div>\n <\/div>\n\n <div style=\"background-color:#fff; padding:20px; border-radius:12px; margin-bottom:16px;\">\n <strong>ID Proof (Photo) \u2014 \u0905\u092a\u0932\u094b\u0921 \u0915\u0930\u0947\u0902<\/strong>\n <input type=\"file\" id=\"idImage\" accept=\"image\/*\">\n <div id=\"idImagePreview\" class=\"image-preview\">\n <img decoding=\"async\" id=\"idImageThumb\" src=\"\">\n <\/div>\n <div class=\"muted small\">\u092f\u0939 \u092b\u094b\u091f\u094b PDF \u092e\u0947\u0902 \u0907\u092e\u094d\u092c\u0947\u0921 \u0939\u094b\u0917\u093e\u0964<\/div>\n <\/div>\n\n <div style=\"background-color:#fff; padding:20px; border-radius:12px; margin-bottom:16px;\">\n <strong>Other Photo (Optional) \u2014 \u0905\u092a\u0932\u094b\u0921 \u0915\u0930\u0947\u0902<\/strong>\n <input type=\"file\" id=\"otherImage\" accept=\"image\/*\">\n <div id=\"otherImagePreview\" class=\"image-preview\">\n <img decoding=\"async\" id=\"otherImageThumb\" src=\"\">\n <\/div>\n <div class=\"muted small\">\u092f\u0939 \u0905\u0924\u093f\u0930\u093f\u0915\u094d\u0924 \u092b\u094b\u091f\u094b PDF \u092e\u0947\u0902 \u0907\u092e\u094d\u092c\u0947\u0921 \u0939\u094b\u0917\u093e\u0964<\/div>\n <\/div>\n\n <div style=\"background-color:#fff; padding:20px; border-radius:12px;\">\n <strong>Menu<\/strong>\n <div id=\"menuList\" style=\"margin-top:8px\"><\/div>\n <\/div>\n <\/div>\n\n <div>\n <div class=\"total-box\">\n <div style=\"display:flex;justify-content:space-between;align-items:center\">\n <div><strong>Cart<\/strong>\n <div class=\"muted small\">\u0906\u092a\u0915\u093e \u0911\u0930\u094d\u0921\u0930 \u0928\u0940\u091a\u0947 \u0926\u093f\u0916\u0947\u0917\u093e<\/div>\n <\/div>\n <div class=\"muted small\">Items: <span id=\"cartCount\">0<\/span><\/div>\n <\/div>\n <div id=\"cartItems\" style=\"margin-top:10px\"><\/div>\n <hr style=\"margin:10px 0;border:none;border-top:1px dashed #e6eef2\">\n <div style=\"display:flex;justify-content:space-between;align-items:center\">\n <div class=\"muted\">Sub Total<\/div>\n <div><strong>\u20b9 <span id=\"subTotal\">0<\/span><\/strong><\/div>\n <\/div>\n <div style=\"display:flex;justify-content:space-between;align-items:center;margin-top:6px\">\n <div class=\"muted\">Delivery Charge<\/div>\n <div>\u20b9 <input id=\"deliveryCharge\" value=\"30\" style=\"width:70px;border:none;background:transparent\"><\/div>\n <\/div>\n <hr style=\"margin:10px 0;border:none;border-top:1px dashed #e6eef2\">\n <div style=\"display:flex;justify-content:space-between;align-items:center\">\n <div><strong>Total Payable<\/strong><\/div>\n <div><strong>\u20b9 <span id=\"grandTotal\">0<\/span><\/strong><\/div>\n <\/div>\n <div style=\"margin-top:12px\">\n <button class=\"primary\" onclick=\"showPayment()\">Proceed to Payment \/ Pay via UPI<\/button>\n <\/div>\n\n <div id=\"paymentArea\" style=\"margin-top:14px;display:none\">\n <div style=\"display:flex;gap:10px;align-items:flex-start\">\n <div style=\"flex:1\">\n <div class=\"muted\">Scan QR \u092f\u093e \u092e\u094b\u092c\u093e\u0907\u0932 \u092a\u0930 \u0916\u094b\u0932\u0947\u0902<\/div>\n <div class=\"qr-wrap\" id=\"qrWrap\">\n <div id=\"qrImage\"><\/div>\n <div class=\"muted small\" style=\"margin-top:6px\">UPI ID: <span id=\"upiIdText\">spramderiya@oksbi<\/span><\/div>\n <\/div>\n <div class=\"note\" style=\"margin-top:8px\">\u092e\u094b\u092c\u093e\u0907\u0932 \u092a\u0930 “Pay via UPI” \u0916\u094b\u0932\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0928\u0940\u091a\u0947 \u0926\u0947\u092f \u0932\u093f\u0902\u0915 \u092a\u0930 \u0915\u094d\u0932\u093f\u0915 \u0915\u0930\u0947\u0902\u0964<\/div>\n <div style=\"margin-top:8px\">\n <button onclick=\"openUpiLink()\" style=\"width:100%;padding:8px;border-radius:8px;border:1px solid #e6eef2;background:#fff\">Open UPI App (mobile)<\/button>\n <\/div>\n <\/div>\n <div style=\"width:150px\">\n <label>UPI ID (Edit)<\/label>\n <input id=\"upiId\" value=\"spramderiya@oksbi\" placeholder=\"yourupi@bank\">\n <label style=\"margin-top:8px\">Amount<\/label>\n <input id=\"payAmount\" readonly>\n <\/div>\n <\/div>\n <div style=\"margin-top:10px\">\n <label>Payment Method<\/label>\n <select id=\"paymentMethod\" onchange=\"onPaymentMethodChange()\">\n <option value=\"upi\">UPI (QR \/ Deeplink)<\/option>\n <option value=\"cod\">Cash on Delivery<\/option>\n <\/select>\n <\/div>\n <div id=\"txnBlock\" style=\"margin-top:10px;display:none\">\n <label>Transaction ID<\/label>\n <input id=\"txnId\" placeholder=\"UPI Txn ID \/ Reference\">\n <div class=\"muted small\" style=\"margin-top:6px\">Payment \u0915\u0947 \u092c\u093e\u0926 Transaction ID \u092f\u0939\u093e\u0901 \u0921\u093e\u0932\u0947\u0902 \u2014 \u0907\u0938\u0915\u0947 \u092c\u093e\u0926 PDF Generate \u092c\u091f\u0928 \u0926\u093f\u0916\u0947\u0917\u093e\u0964<\/div>\n <\/div>\n <div style=\"display:flex;gap:8px;margin-top:10px\">\n <button class=\"primary\" onclick=\"confirmPayment()\">I Have Paid \u2014 Enter Txn<\/button>\n <button onclick=\"resetCart()\" style=\"padding:8px;border-radius:8px;border:1px solid #e6eef2;background:#fff\">Clear<\/button>\n <\/div>\n <div id=\"afterPaid\" style=\"margin-top:12px;display:none\">\n <div class=\"muted small\">Payment confirmed. \u0905\u092c \u0906\u092a PDF \u091c\u0928\u0930\u0947\u091f \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902 \u0914\u0930 WhatsApp \u092a\u0930 \u092d\u0947\u091c \u0938\u0915\u0924\u0947 \u0939\u0948\u0902\u0964<\/div>\n <div style=\"display:flex;gap:8px;margin-top:8px\">\n <button id=\"pdfButton\" onclick=\"generatePDF()\" style=\"padding:8px;border-radius:8px;border:none;background:#111827;color:white\">Generate PDF Invoice<\/button>\n <button onclick=\"openWhatsAppAdmin()\" style=\"padding:8px;border-radius:8px;border:1px solid #e6eef2;background:#fff\">Send Order on WhatsApp<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div style=\"margin-top:12px;text-align:center\" class=\"muted small\">\u0928\u094b\u091f: \u092a\u0940\u0921\u0940\u090f\u092b \u092c\u094d\u0930\u093e\u0909\u091c\u093c\u0930 \u092e\u0947\u0902 \u092c\u0928\u0915\u0930 \u0921\u093e\u0909\u0928\u0932\u094b\u0921 \u0939\u094b\u0917\u093e \u2014 \u092d\u0947\u091c\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f WhatsApp \u092a\u0930 PDF attach \u0915\u0940\u091c\u093f\u090f\u0964<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/qrcodejs@1.0.0\/qrcode.min.js\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\n <script>\n \/\/ ======= \u0915\u0949\u0928\u094d\u092b\u093c\u093f\u0917\u0930\u0947\u0936\u0928 (Configuration) ========\n const ADMIN_WHATSAPP = \"919876543210\"; \/\/ <-- \u092f\u0939\u093e\u0902 \u0930\u0947\u0938\u094d\u091f\u094b\u0930\u0947\u0902\u091f\/\u090f\u0921\u092e\u093f\u0928 \u0915\u093e WhatsApp \u0928\u0902\u092c\u0930 \u092c\u0926\u0932\u0947\u0902\n\n \/\/ \u092e\u0947\u0928\u0942 \u0906\u0907\u091f\u092e (\u0906\u0935\u0936\u094d\u092f\u0915\u0924\u093e\u0928\u0941\u0938\u093e\u0930 \u0938\u0902\u092a\u093e\u0926\u093f\u0924 \u0915\u0930\u0947\u0902)\n const MENU_ITEMS = [{\n id: 1,\n name: 'Paneer Butter Masala',\n price: 200\n }, {\n id: 2,\n name: 'Dal Tadka',\n price: 150\n }, {\n id: 3,\n name: 'Roti (per)',\n price: 20\n }, {\n id: 4,\n name: 'Veg Biryani',\n price: 220\n }, {\n id: 5,\n name: 'Chicken Curry',\n price: 250\n }, {\n id: 6,\n name: 'Ice Cream (Cone)',\n price: 60\n }, {\n id: 7,\n name: 'Cold Drink (500ml)',\n price: 50\n }, {\n id: 8,\n name: 'French Fries',\n price: 120\n }, {\n id: 9,\n name: 'Gulab Jamun (2 pc)',\n price: 80\n }, {\n id: 10,\n name: 'Butter Naan',\n price: 30\n }];\n\n \/\/ ======= \u0938\u094d\u0925\u093f\u0924\u093f (State) ========\n let cart = {};\n let idImageDataUrl = null;\n let otherImageDataUrl = null;\n\n \/\/ \u0939\u0947\u0932\u094d\u092a\u0930 \u092b\u093c\u0902\u0915\u094d\u0936\u0928: \u092b\u093c\u093e\u0907\u0932 \u0915\u094b \u0921\u0947\u091f\u093e URL \u092e\u0947\u0902 \u0932\u094b\u0921 \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f\n function loadImageAsDataURL(file, callback) {\n if (!file) {\n callback(null);\n return;\n }\n const reader = new FileReader();\n reader.onload = function(e) {\n callback(e.target.result);\n }\n reader.readAsDataURL(file);\n }\n\n \/\/ \u092e\u0947\u0928\u0942 UI \u092c\u0928\u093e\u0928\u093e\n function buildMenu() {\n const wrap = document.getElementById('menuList');\n wrap.innerHTML = '';\n MENU_ITEMS.forEach(item => {\n const div = document.createElement('div');\n div.className = 'menu-item';\n div.innerHTML = `\n <div class=\"menu-left\">\n <div style=\"font-weight:600\">${item.name}<\/div>\n <div class=\"muted small\">\u20b9 ${item.price}<\/div>\n <\/div>\n <div style=\"display:flex;gap:6px;align-items:center\">\n <input class=\"qty\" type=\"number\" min=\"0\" value=\"0\" data-id=\"${item.id}\" onchange=\"onQtyChange(event)\">\n <\/div>`;\n wrap.appendChild(div);\n });\n }\n\n function onQtyChange(e) {\n const id = +e.target.dataset.id;\n const qty = +e.target.value;\n if (qty <= 0) {\n delete cart[id];\n } else {\n cart[id] = qty;\n }\n refreshCart();\n }\n\n \/\/ \u0915\u093e\u0930\u094d\u091f \u0915\u094b \u0905\u092a\u0921\u0947\u091f \u0915\u0930\u0947\u0902 \u0914\u0930 \u0915\u0941\u0932 \u0930\u093e\u0936\u093f \u0915\u0940 \u0917\u0923\u0928\u093e \u0915\u0930\u0947\u0902\n function refreshCart() {\n const cartWrap = document.getElementById('cartItems');\n cartWrap.innerHTML = '';\n let sub = 0;\n let count = 0;\n for (const idStr in cart) {\n const id = +idStr;\n const qty = cart[id];\n const item = MENU_ITEMS.find(x => x.id === id);\n if (item) {\n const lineTotal = item.price * qty;\n sub += lineTotal;\n count += qty;\n const row = document.createElement('div');\n row.style.display = 'flex';\n row.style.justifyContent = 'space-between';\n row.style.marginTop = '6px';\n row.innerHTML = `<div>${item.name} \u00d7 ${qty} <div class='muted small'>\u20b9 ${item.price} each<\/div><\/div><div>\u20b9 ${lineTotal}<\/div>`;\n cartWrap.appendChild(row);\n }\n }\n document.getElementById('cartCount').innerText = count;\n document.getElementById('subTotal').innerText = sub;\n const del = Number(document.getElementById('deliveryCharge').value || 0);\n const grand = sub + del;\n document.getElementById('grandTotal').innerText = grand;\n document.getElementById('payAmount').value = grand;\n }\n document.getElementById('deliveryCharge').addEventListener('change', refreshCart);\n\n \/\/ UPI \u092a\u0947\u092e\u0947\u0902\u091f \u0915\u094d\u0937\u0947\u0924\u094d\u0930 \u0926\u093f\u0916\u093e\u090f\u0902\n function showPayment() {\n if (Object.keys(cart).length === 0) {\n alert('\u0915\u0943\u092a\u092f\u093e \u092a\u0939\u0932\u0947 \u0915\u092e-\u0938\u0947-\u0915\u092e \u090f\u0915 \u0906\u0907\u091f\u092e \u091a\u0941\u0928\u0947\u0902');\n return;\n }\n document.getElementById('paymentArea').style.display = 'block';\n generateQR();\n }\n\n \/\/ QR \u0915\u094b\u0921 \u0909\u0924\u094d\u092a\u0928\u094d\u0928 \u0915\u0930\u0947\u0902\n function generateQR() {\n const upi = document.getElementById('upiId').value || 'spramderiya@oksbi';\n const amount = Number(document.getElementById('payAmount').value || 0).toFixed(2);\n const upiText = `upi:\/\/pay?pa=${encodeURIComponent(upi)}&pn=${encodeURIComponent('Shri Rama Restaurant')}&am=${amount}&cu=INR`;\n const qrDiv = document.getElementById('qrImage');\n qrDiv.innerHTML = ''; \/\/ \u092a\u0941\u0930\u093e\u0928\u0947 QR \u0915\u094b\u0921 \u0915\u094b \u0938\u093e\u092b\u093c \u0915\u0930\u0947\u0902\n const qrcode = new QRCode(qrDiv, {\n text: upiText,\n width: 150,\n height: 150,\n colorDark: \"#000000\",\n colorLight: \"#ffffff\",\n correctLevel: QRCode.CorrectLevel.H\n });\n document.getElementById('upiIdText').innerText = upi;\n document.getElementById('payAmount').value = amount;\n }\n\n function openUpiLink() {\n const upi = document.getElementById('upiId').value || 'spramderiya@oksbi';\n const amount = Number(document.getElementById('payAmount').value || 0).toFixed(2);\n const upiLink = `upi:\/\/pay?pa=${encodeURIComponent(upi)}&pn=${encodeURIComponent('Shri Rama Restaurant')}&am=${amount}&cu=INR`;\n window.location.href = upiLink;\n }\n\n \/\/ \u092a\u0947\u092e\u0947\u0902\u091f \u0935\u093f\u0927\u093f \u092c\u0926\u0932\u0928\u0947 \u092a\u0930 UI \u0905\u092a\u0921\u0947\u091f \u0915\u0930\u0947\u0902\n function onPaymentMethodChange() {\n const val = document.getElementById('paymentMethod').value;\n if (val === 'cod') {\n document.getElementById('txnBlock').style.display = 'none';\n document.getElementById('afterPaid').style.display = 'block';\n } else {\n document.getElementById('txnBlock').style.display = 'block';\n document.getElementById('afterPaid').style.display = 'none';\n }\n }\n\n \/\/ \u092a\u0947\u092e\u0947\u0902\u091f \u0915\u0940 \u092a\u0941\u0937\u094d\u091f\u093f \u0915\u0930\u0947\u0902\n function confirmPayment() {\n const method = document.getElementById('paymentMethod').value;\n if (method === 'cod') {\n document.getElementById('afterPaid').style.display = 'block';\n return;\n }\n const tx = document.getElementById('txnId').value.trim();\n if (!tx) {\n alert('\u0915\u0943\u092a\u092f\u093e Transaction ID \u0921\u093e\u0932\u0947\u0902');\n return;\n }\n document.getElementById('afterPaid').style.display = 'block';\n }\n\n \/\/ \u0915\u093e\u0930\u094d\u091f \u0915\u094b \u0930\u0940\u0938\u0947\u091f \u0915\u0930\u0947\u0902\n function resetCart() {\n if (confirm('Cart \u0938\u093e\u092b\u093c \u0915\u0930\u0947\u0902?')) {\n cart = {};\n document.querySelectorAll('.qty').forEach(i => i.value = 0);\n refreshCart();\n document.getElementById('paymentArea').style.display = 'none';\n document.getElementById('afterPaid').style.display = 'none';\n document.getElementById('txnId').value = '';\n idImageDataUrl = null;\n otherImageDataUrl = null;\n document.getElementById('idImage').value = '';\n document.getElementById('otherImage').value = '';\n document.getElementById('idImagePreview').style.display = 'none';\n document.getElementById('otherImagePreview').style.display = 'none';\n document.getElementById('idImageThumb').src = '';\n document.getElementById('otherImageThumb').src = '';\n }\n }\n \n \/\/ ID \u092a\u094d\u0930\u0942\u092b \u0907\u092e\u0947\u091c \u0915\u093e \u092a\u094d\u0930\u0940\u0935\u094d\u092f\u0942 \u0926\u093f\u0916\u093e\u090f\u0902 \u0914\u0930 \u0921\u0947\u091f\u093e URL \u0938\u094d\u091f\u094b\u0930 \u0915\u0930\u0947\u0902\n document.getElementById('idImage').addEventListener('change', function(ev) {\n const file = ev.target.files[0];\n loadImageAsDataURL(file, (dataUrl) => {\n idImageDataUrl = dataUrl;\n const previewDiv = document.getElementById('idImagePreview');\n const previewThumb = document.getElementById('idImageThumb');\n if (dataUrl) {\n previewThumb.src = dataUrl;\n previewDiv.style.display = 'block';\n } else {\n previewDiv.style.display = 'none';\n }\n });\n });\n\n \/\/ \u0905\u0928\u094d\u092f \u092b\u094b\u091f\u094b \u0915\u093e \u092a\u094d\u0930\u0940\u0935\u094d\u092f\u0942 \u0926\u093f\u0916\u093e\u090f\u0902 \u0914\u0930 \u0921\u0947\u091f\u093e URL \u0938\u094d\u091f\u094b\u0930 \u0915\u0930\u0947\u0902\n document.getElementById('otherImage').addEventListener('change', function(ev) {\n const file = ev.target.files[0];\n loadImageAsDataURL(file, (dataUrl) => {\n otherImageDataUrl = dataUrl;\n const previewDiv = document.getElementById('otherImagePreview');\n const previewThumb = document.getElementById('otherImageThumb');\n if (dataUrl) {\n previewThumb.src = dataUrl;\n previewDiv.style.display = 'block';\n } else {\n previewDiv.style.display = 'none';\n }\n });\n });\n\n \/\/ WhatsApp \u092a\u0930 \u0911\u0930\u094d\u0921\u0930 \u092d\u0947\u091c\u0947\u0902\n function openWhatsAppAdmin() {\n const custName = document.getElementById('custName').value || 'Customer';\n const custPhone = document.getElementById('custPhone').value || 'N\/A';\n const custAddress = document.getElementById('custAddress').value || 'N\/A';\n const subTotal = document.getElementById('subTotal').innerText;\n const grandTotal = document.getElementById('grandTotal').innerText;\n const deliveryCharge = document.getElementById('deliveryCharge').value;\n const paymentMethod = document.getElementById('paymentMethod').value === 'cod' ? 'Cash on Delivery' : 'UPI';\n const txnId = document.getElementById('txnId').value || 'N\/A';\n \n let orderSummary = `*Shri Rama Restaurant - New Order*\\n\\n`;\n orderSummary += `*\u0917\u094d\u0930\u093e\u0939\u0915 \u0935\u093f\u0935\u0930\u0923:*\\n`;\n orderSummary += `\u0928\u093e\u092e: ${custName}\\n`;\n orderSummary += `\u092e\u094b\u092c\u093e\u0907\u0932: ${custPhone}\\n`;\n orderSummary += `\u092a\u0924\u093e: ${custAddress}\\n\\n`;\n \n orderSummary += `*\u0911\u0930\u094d\u0921\u0930 \u0915\u093f\u090f \u0917\u090f \u0906\u0907\u091f\u092e:*\\n`;\n for (const idStr in cart) {\n const id = +idStr;\n const qty = cart[id];\n const item = MENU_ITEMS.find(x => x.id === id);\n if (item) {\n orderSummary += `- ${item.name} x ${qty} = \u20b9${item.price * qty}\\n`;\n }\n }\n \n orderSummary += `\\n*\u092c\u093f\u0932\u093f\u0902\u0917 \u0935\u093f\u0935\u0930\u0923:*\\n`;\n orderSummary += `\u0938\u092c \u091f\u094b\u091f\u0932: \u20b9${subTotal}\\n`;\n orderSummary += `\u0921\u093f\u0932\u093f\u0935\u0930\u0940 \u091a\u093e\u0930\u094d\u091c: \u20b9${deliveryCharge}\\n`;\n orderSummary += `*\u0915\u0941\u0932 \u0926\u0947\u092f: \u20b9${grandTotal}*\\n\\n`;\n \n orderSummary += `*\u092d\u0941\u0917\u0924\u093e\u0928 \u0915\u0940 \u091c\u093e\u0928\u0915\u093e\u0930\u0940:*\\n`;\n orderSummary += `\u0924\u0930\u0940\u0915\u093e: ${paymentMethod}\\n`;\n if (paymentMethod === 'UPI') {\n orderSummary += `\u091f\u094d\u0930\u093e\u0902\u091c\u0948\u0915\u094d\u0936\u0928 ID: ${txnId}\\n\\n`;\n }\n orderSummary += `\u0915\u0943\u092a\u092f\u093e \u0936\u0940\u0918\u094d\u0930 \u0939\u0940 \u0911\u0930\u094d\u0921\u0930 \u092a\u094d\u0930\u094b\u0938\u0947\u0938 \u0915\u0930\u0947\u0902!`;\n\n const whatsappURL = `https:\/\/wa.me\/${ADMIN_WHATSAPP}?text=${encodeURIComponent(orderSummary)}`;\n window.open(whatsappURL, '_blank');\n }\n \n \/\/ PDF \u091c\u0928\u0930\u0947\u091f \u0915\u0930\u0947\u0902 \u0914\u0930 \u0921\u093e\u0909\u0928\u0932\u094b\u0921 \u0915\u0930\u0947\u0902\n function generatePDF() {\n const doc = new window.jspdf.jsPDF();\n const custName = document.getElementById('custName').value || 'N\/A';\n const custPhone = document.getElementById('custPhone').value || 'N\/A';\n const custAddress = document.getElementById('custAddress').value || 'N\/A';\n const subTotal = document.getElementById('subTotal').innerText;\n const deliveryCharge = document.getElementById('deliveryCharge').value;\n const grandTotal = document.getElementById('grandTotal').innerText;\n const paymentMethod = document.getElementById('paymentMethod').value === 'cod' ? 'Cash on Delivery' : 'UPI';\n const txnId = document.getElementById('txnId').value || 'N\/A';\n const now = new Date().toLocaleString('en-IN', { timeZone: 'Asia\/Kolkata' });\n let yPos = 20;\n const leftMargin = 15;\n const pageWidth = doc.internal.pageSize.getWidth();\n const textRightAlign = pageWidth - leftMargin;\n\n \/\/ Header\n doc.setFont('helvetica', 'bold');\n doc.setFontSize(22);\n doc.text('Shri Rama Restaurant', pageWidth \/ 2, yPos, { align: 'center' });\n yPos += 8;\n doc.setFont('helvetica', 'normal');\n doc.setFontSize(10);\n doc.text(`Invoice generated on: ${now}`, pageWidth \/ 2, yPos, { align: 'center' });\n yPos += 15;\n\n \/\/ Customer details\n doc.setDrawColor('#cccccc');\n doc.setFillColor('#f0f0f0');\n doc.rect(leftMargin, yPos - 5, pageWidth - (2 * leftMargin), 35, 'F');\n doc.setFontSize(12);\n doc.setFont('helvetica', 'bold');\n doc.text('Customer Details:', leftMargin + 5, yPos);\n yPos += 7;\n doc.setFontSize(10);\n doc.setFont('helvetica', 'normal');\n doc.text(`Name: ${custName}`, leftMargin + 5, yPos);\n yPos += 5;\n doc.text(`Phone: ${custPhone}`, leftMargin + 5, yPos);\n yPos += 5;\n doc.text(`Address: ${custAddress}`, leftMargin + 5, yPos);\n yPos += 15;\n\n \/\/ Order items header\n doc.setFontSize(12);\n doc.setFont('helvetica', 'bold');\n doc.text('Order Items:', leftMargin, yPos);\n yPos += 8;\n doc.setFontSize(10);\n doc.setFont('helvetica', 'normal');\n\n \/\/ Check if cart is empty\n if (Object.keys(cart).length === 0) {\n doc.text('No items in the order.', leftMargin, yPos);\n yPos += 10;\n } else {\n \/\/ Order items list\n for (const idStr in cart) {\n const id = +idStr;\n const qty = cart[id];\n const item = MENU_ITEMS.find(x => x.id === id);\n if (item) {\n doc.text(`${item.name} \u00d7 ${qty} @ \u20b9${item.price}`, leftMargin, yPos);\n doc.text(`\u20b9${item.price * qty}`, textRightAlign, yPos, { align: 'right' });\n yPos += 7;\n }\n }\n }\n\n \/\/ Totals\n yPos += 5;\n doc.setDrawColor('#cccccc');\n doc.line(leftMargin, yPos, textRightAlign, yPos);\n yPos += 5;\n doc.text('Sub Total:', leftMargin + 125, yPos);\n doc.text(`\u20b9${subTotal}`, textRightAlign, yPos, { align: 'right' });\n yPos += 7;\n doc.text('Delivery Charge:', leftMargin + 125, yPos);\n doc.text(`\u20b9${deliveryCharge}`, textRightAlign, yPos, { align: 'right' });\n yPos += 7;\n doc.setFontSize(12);\n doc.setFont('helvetica', 'bold');\n doc.text('GRAND TOTAL:', leftMargin + 125, yPos);\n doc.text(`\u20b9${grandTotal}`, textRightAlign, yPos, { align: 'right' });\n yPos += 10;\n doc.setFont('helvetica', 'normal');\n\n \/\/ Payment Info\n doc.setFontSize(10);\n doc.text(`Payment Method: ${paymentMethod}`, leftMargin, yPos);\n yPos += 7;\n if (paymentMethod === 'UPI' && txnId !== 'N\/A') {\n doc.text(`Transaction ID: ${txnId}`, leftMargin, yPos);\n yPos += 7;\n }\n yPos += 10;\n\n \/\/ Add images\n const MAX_IMAGE_WIDTH_PDF = 70;\n const MAX_IMAGE_HEIGHT_PDF = 70;\n const IMAGE_START_X = leftMargin;\n let imageYPos = yPos;\n\n const addImageToPdf = (imageDataUrl, label) => {\n if (imageDataUrl) {\n if (imageYPos + MAX_IMAGE_HEIGHT_PDF > doc.internal.pageSize.getHeight() - 20) {\n doc.addPage();\n imageYPos = 20;\n }\n doc.setFontSize(10);\n doc.text(label, IMAGE_START_X, imageYPos);\n imageYPos += 4;\n \n let imgProps = doc.getImageProperties(imageDataUrl);\n let imgWidth = imgProps.width;\n let imgHeight = imgProps.height;\n let ratio = Math.min(MAX_IMAGE_WIDTH_PDF \/ imgWidth, MAX_IMAGE_HEIGHT_PDF \/ imgHeight);\n imgWidth *= ratio;\n imgHeight *= ratio;\n \n doc.addImage(imageDataUrl, imgProps.fileType, IMAGE_START_X, imageYPos, imgWidth, imgHeight);\n imageYPos += imgHeight + 10;\n }\n };\n\n addImageToPdf(idImageDataUrl, 'ID Proof:');\n addImageToPdf(otherImageDataUrl, 'Other Photo:');\n\n \/\/ Save the PDF\n const fileName = `Order_ShriRama_${custName.replace(\/\\s\/g, '_')}_${new Date().getTime()}.pdf`;\n doc.save(fileName);\n }\n \n \/\/ Initial setup\n document.addEventListener('DOMContentLoaded', () => {\n buildMenu();\n refreshCart();\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<div class=\"wp-block-group alignfull is-style-section-1 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained is-style-section-1--1\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-66fad18a wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-right:var(--wp--preset--spacing--50);flex-basis:45%\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/breakfasthouse.sabpro.in\/wp-content\/themes\/twentytwentyfive\/assets\/images\/red-hibiscus-closeup.webp\" alt=\"Photography close up of a red flower.\"\/><\/figure>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:-12vw\">\n<figure class=\"wp-block-image alignright size-full is-resized\" style=\"margin-right:-5vw;margin-left:-5vw\"><img decoding=\"async\" src=\"https:\/\/breakfasthouse.sabpro.in\/wp-content\/themes\/twentytwentyfive\/assets\/images\/grid-flower-2.webp\" alt=\"Black and white photography close up of a flower.\" style=\"width:202px\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-right:0;padding-left:0;flex-basis:50%\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-fe9cc265 wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading is-style-text-annotation is-style-text-annotation--2\">About Us<\/h2>\n<\/div>\n\n\n\n<p class=\"is-style-text-subtitle is-style-text-subtitle--3\">\n\t\t\t<strong>Fleurs<\/strong> is a flower delivery and subscription business. Based in the EU, our mission is not only to deliver stunning flower arrangements across but also foster knowledge and enthusiasm on the beautiful gift of nature: flowers.\t\t\t<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-ebee8dc1 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\">\n<h2 class=\"wp-block-heading alignwide\">Our services<\/h2>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\" style=\"margin-bottom:24px\"><img decoding=\"async\" src=\"https:\/\/breakfasthouse.sabpro.in\/wp-content\/themes\/twentytwentyfive\/assets\/images\/campanula-alliariifolia-flower.webp\" alt=\"Image for service\" style=\"aspect-ratio:4\/3;object-fit:cover\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Collect<\/h3>\n\n\n\n<p class=\"has-medium-font-size\">Like flowers that bloom in unexpected places, every story unfolds with beauty and resilience<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\" style=\"margin-bottom:24px\"><img decoding=\"async\" src=\"https:\/\/breakfasthouse.sabpro.in\/wp-content\/themes\/twentytwentyfive\/assets\/images\/delphinium-flowers.webp\" alt=\"Image for service\" style=\"aspect-ratio:4\/3;object-fit:cover\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Assemble<\/h3>\n\n\n\n<p class=\"has-medium-font-size\">Like flowers that bloom in unexpected places, every story unfolds with beauty and resilience<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\" style=\"margin-bottom:24px\"><img decoding=\"async\" src=\"https:\/\/breakfasthouse.sabpro.in\/wp-content\/themes\/twentytwentyfive\/assets\/images\/star-thristle-flower.webp\" alt=\"Image for service\" style=\"aspect-ratio:4\/3;object-fit:cover\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Deliver<\/h3>\n\n\n\n<p class=\"has-medium-font-size\">Like flowers that bloom in unexpected places, every story unfolds with beauty and resilience<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-74b2cda3 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-content-justification-left is-layout-flex wp-container-core-group-is-layout-7ce391b6 wp-block-group-is-layout-flex\" style=\"min-height:100%\">\n<h2 class=\"wp-block-heading is-style-text-annotation has-x-small-font-size is-style-text-annotation--4\">What people are saying<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-style-plain has-x-large-font-size is-layout-flow wp-container-core-quote-is-layout-5dafc681 wp-block-quote-is-layout-flow is-style-plain--5\" style=\"font-style:normal;font-weight:400\">\n<div class=\"wp-block-group has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-085bd3d9 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<p class=\"has-xx-large-font-size\">\u201cSuperb product and customer service!\u201d<\/p>\n<\/div>\n<cite>Jo Mulligan <br><sub>Atlanta, GA<\/sub><\/cite><\/blockquote>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/breakfasthouse.sabpro.in\/wp-content\/themes\/twentytwentyfive\/assets\/images\/typewriter.webp\" alt=\"Picture of a person typing on a typewriter.\" style=\"aspect-ratio:1;object-fit:cover\"\/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)\">\n<h2 class=\"wp-block-heading alignwide has-text-align-center\">Pricing<\/h2>\n\n\n\n<p class=\"has-text-align-center\">Cancel or pause anytime.<\/p>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--40)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-1d9f35bd wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-border-color is-layout-flow wp-block-column-is-layout-flow\" style=\"border-color:var(--wp--preset--color--accent-6);border-width:1px;border-radius:10px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<h3 class=\"wp-block-heading\" id=\"free\">Free<\/h3>\n\n\n\n<p class=\"has-large-font-size\">0\u20ac<\/p>\n\n\n\n<ul style=\"padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\" class=\"wp-block-list is-style-checkmark-list has-small-font-size\">\n<li>Get access to our paid articles and weekly newsletter.<\/li>\n\n\n\n<li>Join our IRL events.<\/li>\n\n\n\n<li>Get a free tote bag.<\/li>\n\n\n\n<li>An elegant addition of home decor collection.<\/li>\n\n\n\n<li>Join our forums.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link wp-element-button\">Join<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-border-color is-layout-flow wp-block-column-is-layout-flow\" style=\"border-color:var(--wp--preset--color--accent-6);border-width:1px;border-radius:10px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<h3 class=\"wp-block-heading\" id=\"single\">Single<\/h3>\n\n\n\n<p class=\"has-large-font-size\">20\u20ac\/month<\/p>\n\n\n\n<ul style=\"padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\" class=\"wp-block-list is-style-checkmark-list has-small-font-size\">\n<li>Get access to our paid articles and weekly newsletter.<\/li>\n\n\n\n<li>Join our IRL events.<\/li>\n\n\n\n<li>Get a free tote bag.<\/li>\n\n\n\n<li>An elegant addition of home decor collection.<\/li>\n\n\n\n<li>Join our forums.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link wp-element-button\">Join<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<aside class=\"wp-block-group alignfull is-style-section-3 has-global-padding is-layout-constrained wp-container-core-group-is-layout-f0f2a97b wp-block-group-is-layout-constrained is-style-section-3--6\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-8778ca4a wp-block-group-is-layout-flex\" style=\"min-height:360px;margin-top:0;margin-bottom:0\">\n<h2 class=\"wp-block-heading has-text-align-center has-xx-large-font-size\">Sign up to get daily stories<\/h2>\n\n\n\n<p class=\"has-text-align-center is-style-text-subtitle is-style-text-subtitle--7\">Get access to a curated collection of moments in time featuring photographs from historical relevance.<\/p>\n\n\n\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-62aae154\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-text-align-center wp-element-button\">Subscribe<\/a><\/div>\n<\/div>\n<\/div>\n<\/aside>\n","protected":false},"excerpt":{"rendered":"<p>Tell your story Like flowers that bloom in unexpected places, every story unfolds with beauty and resilience, revealing hidden wonders. Shri Rama Restaurant Order Form Customer Details \u0928\u093e\u092e \u092e\u094b\u092c\u093e\u0907\u0932 \u0928\u0902\u092c\u0930 \u0921\u093f\u0932\u093f\u0935\u0930\u0940 \u092a\u0924\u093e ID Proof (Photo) \u2014 \u0905\u092a\u0932\u094b\u0921 \u0915\u0930\u0947\u0902 \u092f\u0939 \u092b\u094b\u091f\u094b PDF \u092e\u0947\u0902 \u0907\u092e\u094d\u092c\u0947\u0921 \u0939\u094b\u0917\u093e\u0964 Other Photo (Optional) \u2014 \u0905\u092a\u0932\u094b\u0921 \u0915\u0930\u0947\u0902 \u092f\u0939 \u0905\u0924\u093f\u0930\u093f\u0915\u094d\u0924 \u092b\u094b\u091f\u094b PDF \u092e\u0947\u0902 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-94","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/breakfasthouse.sabpro.in\/index.php?rest_route=\/wp\/v2\/pages\/94","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/breakfasthouse.sabpro.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/breakfasthouse.sabpro.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/breakfasthouse.sabpro.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/breakfasthouse.sabpro.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=94"}],"version-history":[{"count":18,"href":"https:\/\/breakfasthouse.sabpro.in\/index.php?rest_route=\/wp\/v2\/pages\/94\/revisions"}],"predecessor-version":[{"id":112,"href":"https:\/\/breakfasthouse.sabpro.in\/index.php?rest_route=\/wp\/v2\/pages\/94\/revisions\/112"}],"wp:attachment":[{"href":"https:\/\/breakfasthouse.sabpro.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=94"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}