{"id":54,"date":"2025-08-27T12:51:25","date_gmt":"2025-08-27T12:51:25","guid":{"rendered":"https:\/\/breakfasthouse.sabpro.in\/?page_id=54"},"modified":"2025-09-18T05:59:01","modified_gmt":"2025-09-18T05:59:01","slug":"chodhary-restaurant","status":"publish","type":"page","link":"https:\/\/breakfasthouse.sabpro.in\/?page_id=54","title":{"rendered":"Chaudhary Restaurant \u2013 Digital Nashta House – Jaisalmer"},"content":{"rendered":"\n

Digital Nashta House<\/a><\/strong><\/p>\n\n\n\n

Jaisalmer<\/p>\n\n\n\n\n\n\n \n Chaudhary Restaurant – \u0906\u091c \u0915\u093e \u0924\u093e\u091c\u093c\u093e \u092e\u0947\u0928\u0942<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n }\n .menu-btn {\n background: linear-gradient(45deg, #ff5722, #e91e63);\n color: white;\n padding: 12px 24px;\n border: none;\n border-radius: 10px;\n font-size: 18px;\n cursor: pointer;\n box-shadow: 0 4px 6px rgba(0,0,0,0.2);\n }\n .menu-box {\n display: none;\n margin-top: 15px;\n padding: 20px;\n border-radius: 12px;\n background: #fff3e0;\n box-shadow: 0 4px 10px rgba(0,0,0,0.2);\n }\n .menu-box h2 {\n margin-top: 0;\n color: #d84315;\n }\n .highlight {\n color: #e91e63;\n font-weight: bold;\n }\n <\/style>\n<\/head>\n<body>\n\n <h1 style=\"text-align:center; color:#d84315;\">\ud83c\udf72 \u091a\u094c\u0927\u0930\u0940 \u092d\u094b\u091c\u0928\u093e\u0932\u092f<\/h1>\n <div style=\"text-align:center;\">\n <button class=\"menu-btn\" onclick=\"toggleMenu()\">\ud83d\udc49 \u0906\u091c \u0915\u093e \u0924\u093e\u091c\u093c\u093e \u092e\u0947\u0928\u0942 \u0926\u0947\u0916\u0947\u0902<\/button>\n <\/div>\n\n <div class=\"menu-box\" id=\"menuBox\">\n <h2>\u0906\u091c \u0915\u093e \u092e\u0947\u0928\u0942<\/h2>\n <p><span class=\"highlight\">\u0924\u093e\u0930\u0940\u0916:<\/span> <span id=\"todayDate\"><\/span><\/p>\n <p><span class=\"highlight\">\u0938\u092e\u092f:<\/span> <span id=\"currentTime\"><\/span><\/p>\n <hr>\n <ul>\n <li>\u091a\u0928\u093e \u092e\u0938\u093e\u0932\u093e \u092e\u091f\u0930 \u092a\u0928\u0940\u0930<\/li>\n <li>\u0939\u0930\u0940 \u0938\u092c\u094d\u091c\u0940 \u0938\u0947\u0935 \u091f\u092e\u093e\u091f\u0930<\/li>\n <li>\u092e\u093f\u0915\u094d\u0938 \u0935\u0947\u091c \u0915\u0947\u0930 \u0938\u093e\u0902\u0917\u0930\u0940<\/li>\n <li>\u0926\u093e\u0932 \u0914\u0930 \u0926\u093e\u0932 \u092b\u094d\u0930\u093e\u0908<\/li>\n <li>\u0926\u0939\u0940 \u0915\u093e \u0930\u093e\u092f\u0924\u093e \u0926\u0939\u0940 \u0938\u094d\u092a\u0947\u0936\u0932 \u0930\u093e\u091c\u0938\u094d\u0925\u093e\u0928\u0940 \u0915\u0921\u093c\u0940<\/li>\n <li>\u092e\u0947\u0925\u0940 \u092e\u093f\u0930\u094d\u091a\u0940 \u0915\u093e \u0905\u091a\u093e\u0930<\/li>\n <li>\u0932\u0939\u0938\u0941\u0928 \u0915\u0940 \u091a\u091f\u0928\u0940<\/li>\n <li>\u0938\u0949\u0938<\/li>\n <li>\u0938\u0932\u093e\u0926<\/li>\n <\/ul>\n <p><strong>\ud83c\udf5b \u0925\u093e\u0932\u0940 \u2013 \u20b9120<\/strong><\/p>\n <p>\ud83d\udc49 <em>\u0932\u0939\u0938\u0941\u0928 \u0915\u0940 \u091a\u091f\u0928\u0940 \u0911\u0930\u094d\u0921\u0930 \u0926\u0947\u0928\u0947 \u092a\u0930 \u092a\u094d\u092f\u093e\u091c \u0915\u0940 \u091a\u091f\u0928\u0940 \u092d\u0940 \u0924\u0948\u092f\u093e\u0930 \u0915\u0940 \u091c\u093e\u0924\u0940 \u0939\u0948\u0964<\/em><\/p>\n <\/div>\n\n <script>\n function toggleMenu() {\n let box = document.getElementById(\"menuBox\");\n box.style.display = (box.style.display === \"block\") ? \"none\" : \"block\";\n }\n\n \/\/ \u0906\u091c \u0915\u0940 \u0924\u093e\u0930\u0940\u0916 \u0914\u0930 \u0938\u092e\u092f \u0938\u0947\u091f \u0915\u0930\u0947\u0902\n function updateDateTime() {\n let today = new Date();\n let date = today.toLocaleDateString(\"hi-IN\");\n let time = today.toLocaleTimeString(\"hi-IN\");\n document.getElementById(\"todayDate\").innerText = date;\n document.getElementById(\"currentTime\").innerText = time;\n }\n\n updateDateTime();\n setInterval(updateDateTime, 1000);\n <\/script>\n\n<\/body>\n<\/html>\n\n\n\n<!-- ================= \u091a\u094c\u0927\u0930\u0940 \u092d\u094b\u091c\u0928\u093e\u0932\u092f \u092e\u0947\u0928\u0942 ================= -->\n<div style=\"max-width:850px;margin:auto;font-family:Arial,Helvetica,sans-serif;\">\n <h2 style=\"text-align:center;background:#8B0000;color:white;padding:10px;border-radius:8px;\">\n \ud83c\udf74 \u091a\u094c\u0927\u0930\u0940 \u092d\u094b\u091c\u0928\u093e\u0932\u092f – \u091c\u0948\u0938\u0932\u092e\u0947\u0930 \ud83c\udf74\n <\/h2>\n <p style=\"text-align:center;font-weight:bold;\">\u092e\u094b. 9413090758 | 7023506992<\/p>\n <hr>\n\n <h3 style=\"color:#8B0000;\">\ud83e\udd57 \u0938\u092c\u094d\u091c\u093c\u0940 \/ \u0926\u093e\u0932<\/h3>\n <table border=\"1\" cellspacing=\"0\" cellpadding=\"8\" width=\"100%\" style=\"border-collapse:collapse;text-align:left;\">\n <tr style=\"background:#f2f2f2;\">\n <th>\u092a\u0926\u093e\u0930\u094d\u0925<\/th><th>\u092e\u0942\u0932\u094d\u092f (\u20b9)<\/th>\n <\/tr>\n <tr><td>2 \u092a\u0942\u0921\u093c\u0940 \u0938\u092c\u094d\u091c\u093c\u0940<\/td><td>40<\/td><\/tr>\n <tr><td>\u092a\u0915\u094c\u0921\u093c\u0940 \u0938\u092c\u094d\u091c\u093c\u0940<\/td><td>50<\/td><\/tr>\n <tr><td>\u091a\u0928\u093e \u092e\u0938\u093e\u0932\u093e<\/td><td>30<\/td><\/tr>\n <tr><td>\u092e\u091f\u0930 \u092a\u0928\u0940\u0930<\/td><td>80<\/td><\/tr>\n <tr><td>\u092a\u093e\u0932\u0915 \u092a\u0928\u0940\u0930<\/td><td>120<\/td><\/tr>\n <tr><td>\u0915\u0922\u093c\u093e\u0908 \u092a\u0928\u0940\u0930<\/td><td>140<\/td><\/tr>\n <tr><td>\u0936\u093e\u0939\u0940 \u092a\u0928\u0940\u0930<\/td><td>170<\/td><\/tr>\n <tr><td>\u0906\u0932\u0942 \u0917\u094b\u092d\u0940<\/td><td>150<\/td><\/tr>\n <tr><td>\u092e\u091f\u0930 \u0906\u0932\u0942<\/td><td>210<\/td><\/tr>\n <tr><td>\u092e\u093f\u0915\u094d\u0938 \u0935\u0947\u091c<\/td><td>220<\/td><\/tr>\n <tr><td>\u0930\u093e\u091c\u092e\u093e \u092e\u0938\u093e\u0932\u093e<\/td><td>240<\/td><\/tr>\n <tr><td>\u091a\u0928\u093e \u0926\u093e\u0932<\/td><td>150<\/td><\/tr>\n <tr><td>\u0924\u0921\u093c\u0915\u093e \u0926\u093e\u0932<\/td><td>140<\/td><\/tr>\n <tr><td>\u0926\u093e\u0932 \u092b\u094d\u0930\u093e\u0908<\/td><td>150<\/td><\/tr>\n <tr><td>\u0915\u0922\u093c\u0940<\/td><td>180<\/td><\/tr>\n <\/table>\n\n <h3 style=\"color:#8B0000;margin-top:20px;\">\ud83e\udd58 \u091a\u093e\u0935\u0932 \/ \u0930\u094b\u091f\u0940<\/h3>\n <table border=\"1\" cellspacing=\"0\" cellpadding=\"8\" width=\"100%\" style=\"border-collapse:collapse;text-align:left;\">\n <tr style=\"background:#f2f2f2;\">\n <th>\u092a\u0926\u093e\u0930\u094d\u0925<\/th><th>\u092e\u0942\u0932\u094d\u092f (\u20b9)<\/th>\n <\/tr>\n <tr><td>\u091c\u0940\u0930\u093e \u0930\u093e\u0907\u0938<\/td><td>120<\/td><\/tr>\n <tr><td>\u0938\u093e\u0926\u093e \u091a\u093e\u0935\u0932<\/td><td>90<\/td><\/tr>\n <tr><td>\u092a\u0941\u0932\u093e\u0935<\/td><td>130<\/td><\/tr>\n <tr><td>\u0916\u093f\u091a\u0921\u093c\u0940<\/td><td>120<\/td><\/tr>\n <tr><td>\u092b\u094d\u0930\u093e\u0907\u0921 \u0930\u093e\u0907\u0938<\/td><td>150<\/td><\/tr>\n <tr><td>\u0924\u0902\u0926\u0942\u0930\u0940 \u0930\u094b\u091f\u0940<\/td><td>20<\/td><\/tr>\n <tr><td>\u092c\u091f\u0930 \u0930\u094b\u091f\u0940<\/td><td>20<\/td><\/tr>\n <tr><td>\u092e\u093f\u0938\u094d\u0938\u0940 \u0930\u094b\u091f\u0940<\/td><td>30<\/td><\/tr>\n <tr><td>\u0928\u093e\u0928<\/td><td>25<\/td><\/tr>\n <tr><td>\u092c\u091f\u0930 \u0928\u093e\u0928<\/td><td>30<\/td><\/tr>\n <\/table>\n\n <h3 style=\"color:#8B0000;margin-top:20px;\">\ud83e\udd64 \u0905\u0928\u094d\u092f<\/h3>\n <table border=\"1\" cellspacing=\"0\" cellpadding=\"8\" width=\"100%\" style=\"border-collapse:collapse;text-align:left;\">\n <tr style=\"background:#f2f2f2;\">\n <th>\u092a\u0926\u093e\u0930\u094d\u0925<\/th><th>\u092e\u0942\u0932\u094d\u092f (\u20b9)<\/th>\n <\/tr>\n <tr><td>\u091b\u093e\u091b<\/td><td>20<\/td><\/tr>\n <tr><td>\u0932\u0938\u094d\u0938\u0940<\/td><td>30<\/td><\/tr>\n <tr><td>\u0926\u0939\u0940<\/td><td>50<\/td><\/tr>\n <tr><td>\u0938\u0932\u093e\u0926<\/td><td>40<\/td><\/tr>\n <tr><td>\u092a\u093e\u092a\u0921\u093c<\/td><td>20<\/td><\/tr>\n <tr><td>\u091a\u093e\u092f<\/td><td>20<\/td><\/tr>\n <tr><td>\u0915\u0949\u092b\u093c\u0940<\/td><td>30<\/td><\/tr>\n <tr><td>\u0926\u0942\u0927<\/td><td>20<\/td><\/tr>\n <tr><td>\u092e\u093f\u0928\u0930\u0932 \u0935\u093e\u091f\u0930<\/td><td>20<\/td><\/tr>\n <tr><td>\u0938\u0949\u092b\u094d\u091f \u0921\u094d\u0930\u093f\u0902\u0915<\/td><td>50<\/td><\/tr>\n <\/table>\n\n <p style=\"text-align:center;margin-top:20px;font-weight:bold;color:#8B0000;\">\n \ud83c\udf1f \u0927\u0928\u094d\u092f\u0935\u093e\u0926! \u0938\u094d\u0935\u093e\u0926\u093f\u0937\u094d\u091f \u092d\u094b\u091c\u0928 \u0915\u0947 \u0932\u093f\u090f \u091a\u094c\u0927\u0930\u0940 \u092d\u094b\u091c\u0928\u093e\u0932\u092f \u092e\u0947\u0902 \u0906\u092a\u0915\u093e \u0938\u094d\u0935\u093e\u0917\u0924 \u0939\u0948 \ud83c\udf1f\n <\/p>\n<\/div>\n<!-- ================= End Menu ================= -->\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>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>Selfie Photo (Optional) \u2014 \u0905\u092a\u0932\u094b\u0921 \u0915\u0930\u0947\u0902<\/strong>\n <input type=\"file\" id=\"selfieImage\" accept=\"image\/*\">\n <div id=\"selfieImagePreview\" class=\"image-preview\">\n <img decoding=\"async\" id=\"selfieImageThumb\" src=\"\">\n <\/div>\n <div class=\"muted small\">\u092f\u0939 \u0938\u0947\u0932\u094d\u092b\u0940 \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 id: 11,\n name: 'Masala Dosa',\n price: 100\n }, {\n id: 12,\n name: 'Idli Sambar (2 pc)',\n price: 80\n }];\n\n \/\/ ======= \u0938\u094d\u0925\u093f\u0924\u093f (State) ========\n let cart = {};\n let idImageDataUrl = null;\n let selfieImageDataUrl = null; \/\/ renamed from otherImageDataUrl\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 selfieImageDataUrl = null;\n document.getElementById('idImage').value = '';\n document.getElementById('selfieImage').value = '';\n document.getElementById('idImagePreview').style.display = 'none';\n document.getElementById('selfieImagePreview').style.display = 'none';\n document.getElementById('idImageThumb').src = '';\n document.getElementById('selfieImageThumb').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 \/\/ \u0938\u0947\u0932\u094d\u092b\u0940 \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('selfieImage').addEventListener('change', function(ev) {\n const file = ev.target.files[0];\n loadImageAsDataURL(file, (dataUrl) => {\n selfieImageDataUrl = dataUrl;\n const previewDiv = document.getElementById('selfieImagePreview');\n const previewThumb = document.getElementById('selfieImageThumb');\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 side by side\n const IMAGE_WIDTH = 60; \/\/ Adjust as needed\n const IMAGE_HEIGHT = 60; \/\/ Adjust as needed\n const IMAGE_SPACING = 5; \/\/ Space between images\n const FONT_SIZE_IMAGE_LABEL = 8;\n \n let currentX = leftMargin;\n let currentY = yPos;\n const availableWidth = pageWidth - (2 * leftMargin);\n const totalImageWidth = (idImageDataUrl ? IMAGE_WIDTH : 0) + (selfieImageDataUrl ? IMAGE_WIDTH : 0) + (idImageDataUrl && selfieImageDataUrl ? IMAGE_SPACING : 0);\n\n if (idImageDataUrl || selfieImageDataUrl) {\n if (currentY + IMAGE_HEIGHT + FONT_SIZE_IMAGE_LABEL + 10 > doc.internal.pageSize.getHeight() - 20) {\n doc.addPage();\n currentY = 20;\n }\n \n \/\/ Center images if they fit\n currentX = leftMargin + (availableWidth - totalImageWidth) \/ 2;\n\n if (idImageDataUrl) {\n doc.setFontSize(FONT_SIZE_IMAGE_LABEL);\n doc.text('ID Proof Photo:', currentX, currentY);\n currentY += FONT_SIZE_IMAGE_LABEL + 2; \/\/ Space for label\n doc.addImage(idImageDataUrl, 'JPEG', currentX, currentY, IMAGE_WIDTH, IMAGE_HEIGHT);\n currentX += IMAGE_WIDTH + IMAGE_SPACING;\n }\n\n if (selfieImageDataUrl) {\n let selfieYPos = currentY; \/\/ Keep same Y for selfie if ID image exists\n if (!idImageDataUrl) { \/\/ If only selfie, set label Y properly\n doc.setFontSize(FONT_SIZE_IMAGE_LABEL);\n doc.text('Selfie Photo:', currentX, currentY);\n selfieYPos += FONT_SIZE_IMAGE_LABEL + 2;\n } else { \/\/ If both, just use the same Y for the image itself\n doc.setFontSize(FONT_SIZE_IMAGE_LABEL);\n \/\/ This label will be above the selfie image, align it properly\n doc.text('Selfie Photo:', currentX, currentY - (FONT_SIZE_IMAGE_LABEL + 2)); \n }\n doc.addImage(selfieImageDataUrl, 'JPEG', currentX, selfieYPos, IMAGE_WIDTH, IMAGE_HEIGHT);\n }\n yPos = currentY + IMAGE_HEIGHT + 10; \/\/ Update yPos for next content\n }\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 \/\/ Attach event listener to UPI ID input for dynamic QR code generation\n document.getElementById('upiId').addEventListener('input', generateQR);\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<a href=\"https:\/\/breakfasthouse.sabpro.in\/?s=Booking+\" target=\"_blank\" style=\"display: inline-block; padding: 12px 24px; font-size: 16px; color: white; background-color: #ff6f00; text-align: center; text-decoration: none; border-radius: 8px; border: none; cursor: pointer;\">\n Book Your Table\n<\/a>\n\n\n\n<!DOCTYPE html>\n<html lang=\"hi\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>\u091a\u094c\u0927\u0930\u0940 \u092d\u094b\u091c\u0928\u093e\u0932\u092f – \u092e\u0947\u0928\u094d\u092f\u0942<\/title>\n<style>\nbody { font-family: Arial, sans-serif; background-color: #fff8f0; padding: 20px; margin: 0; }\n.header { text-align: center; font-size: 28px; font-weight: bold; color: #ff6f00; margin-bottom: 20px; }\n.qr-container { text-align: center; margin-top: 30px; margin-bottom: 30px; }\n.instructions { font-size: 18px; color: #333; margin-top: 20px; text-align: center; }\n.menu-section { border-top: 3px solid red; border-bottom: 3px solid red; padding: 15px; margin-bottom: 20px; background-color: #fff; }\n.menu-section h2 { color: #ff6f00; margin-bottom: 10px; border-bottom: 1px dotted #ccc; padding-bottom: 5px; }\n.menu-item { padding: 8px 0; border-bottom: 1px dotted #ccc; }\n.menu-item .name-rate { display: flex; justify-content: space-between; font-weight: bold; }\n.menu-item .description { font-size: 14px; color: #555; margin-top: 2px; }\n.menu-item .tax-code { color: #ff0000; font-size: 14px; margin-top: 2px; }\n.restaurant-location { text-align: center; margin-top: 30px; padding: 10px; border-top: 2px solid #ff6f00; }\n.restaurant-location a { color: #ff0000; text-decoration: none; font-weight: bold; }\n.restaurant-location a:hover { text-decoration: underline; }\n.button-container { text-align: center; margin-top: 20px; margin-bottom: 20px; }\n.button-container a { display: inline-block; padding: 12px 24px; font-size: 16px; color: white; background-color: #ff6f00; text-align: center; text-decoration: none; border-radius: 8px; border: none; cursor: pointer; }\n.qr-message { text-align: center; font-size: 1.2em; font-weight: bold; color: #ff6f00; margin: 20px 0; }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"header\">\u091a\u094c\u0927\u0930\u0940 \u092d\u094b\u091c\u0928\u093e\u0932\u092f \u090f\u0902\u0921 \u0915\u093f\u0930\u093e\u0928\u093e \u0938\u094d\u091f\u094b\u0930 \u092e\u0947\u0928\u094d\u092f\u0942<\/div>\n\n<div class=\"menu-section\">\n <h2>\u092b\u093f\u0915\u094d\u0938 \u0925\u093e\u0932\u0940<\/h2>\n <div class=\"menu-item\"><div class=\"name-rate\"><span>\u0930\u093e\u091c\u0938\u094d\u0925\u093e\u0928\u0940 \u0925\u093e\u0932\u0940<\/span> <span>\u20b9250<\/span><\/div><div class=\"description\">\u0938\u094d\u0935\u093e\u0926: \u092e\u0938\u093e\u0932\u0947\u0926\u093e\u0930 | \u0938\u094d\u0935\u0940\u091f: \u0939\u0932\u0935\u093e \u0936\u093e\u092e\u093f\u0932 | \u0938\u0930\u094d\u0935\u093f\u0902\u0917: \u0925\u093e\u0932\u0940 \u092e\u0947\u0902<\/div><div class=\"tax-code\">\u0915\u0930 \u0915\u094b\u0921: CHB001<\/div><\/div>\n <div class=\"menu-item\"><div class=\"name-rate\"><span>\u0938\u093f\u0902\u0927\u0940 \u0925\u093e\u0932\u0940<\/span> <span>\u20b9220<\/span><\/div><div class=\"description\">\u0938\u094d\u0935\u093e\u0926: \u0938\u0902\u0924\u0941\u0932\u093f\u0924 | \u0938\u094d\u0935\u0940\u091f: \u0918\u0947\u0935\u0930 | \u0938\u0930\u094d\u0935\u093f\u0902\u0917: \u0925\u093e\u0932\u0940 \u092e\u0947\u0902<\/div><div class=\"tax-code\">\u0915\u0930 \u0915\u094b\u0921: CHB002<\/div><\/div>\n <div class=\"menu-item\"><div class=\"name-rate\"><span>\u092e\u093f\u0932\u091f\u094d\u0938 \u0925\u093e\u0932\u0940<\/span> <span>\u20b9200<\/span><\/div><div class=\"description\">\u0938\u094d\u0935\u093e\u0926: \u0939\u0932\u094d\u0915\u093e \u092e\u0938\u093e\u0932\u093e | \u0938\u094d\u0935\u0940\u091f: \u0917\u091c\u0915 | \u0938\u0930\u094d\u0935\u093f\u0902\u0917: \u0925\u093e\u0932\u0940 \u092e\u0947\u0902<\/div><div class=\"tax-code\">\u0915\u0930 \u0915\u094b\u0921: CHB003<\/div><\/div>\n<\/div>\n\n<div class=\"menu-section\">\n <h2>\u092e\u093f\u0915\u094d\u0938 \u0935\u0947\u091c<\/h2>\n <div class=\"menu-item\"><div class=\"name-rate\"><span>\u092e\u093f\u0915\u094d\u0938 \u0935\u0947\u091c \u092a\u094d\u0932\u0947\u091f<\/span> <span>\u20b9180<\/span><\/div><div class=\"description\">\u0938\u094d\u0935\u093e\u0926: \u092e\u0938\u093e\u0932\u0947\u0926\u093e\u0930 | \u0938\u094d\u0935\u0940\u091f: \u0936\u093e\u092e\u093f\u0932 \u0928\u0939\u0940\u0902 | \u0938\u0930\u094d\u0935\u093f\u0902\u0917: \u092a\u094d\u0932\u0947\u091f \u092e\u0947\u0902<\/div><div class=\"tax-code\">\u0915\u0930 \u0915\u094b\u0921: CHB004<\/div><\/div>\n <div class=\"menu-item\"><div class=\"name-rate\"><span>\u092a\u0928\u0940\u0930 \u092e\u093f\u0915\u094d\u0938<\/span> <span>\u20b9200<\/span><\/div><div class=\"description\">\u0938\u094d\u0935\u093e\u0926: \u092e\u0932\u093e\u0908\u0926\u093e\u0930 | \u0938\u094d\u0935\u0940\u091f: \u0936\u093e\u092e\u093f\u0932 \u0928\u0939\u0940\u0902 | \u0938\u0930\u094d\u0935\u093f\u0902\u0917: \u092a\u094d\u0932\u0947\u091f \u092e\u0947\u0902<\/div><div class=\"tax-code\">\u0915\u0930 \u0915\u094b\u0921: CHB005<\/div><\/div>\n<\/div>\n\n<div class=\"menu-section\">\n <h2>\u0926\u093e\u0932 \u092c\u093e\u091f\u0940 \u091a\u0942\u0930\u092e\u093e<\/h2>\n <div class=\"menu-item\"><div class=\"name-rate\"><span>\u0926\u093e\u0932 \u092c\u093e\u091f\u0940 \u091a\u0942\u0930\u092e\u093e<\/span> <span>\u20b9150<\/span><\/div><div class=\"description\">\u0938\u094d\u0935\u093e\u0926: \u092e\u0938\u093e\u0932\u0947\u0926\u093e\u0930 | \u0938\u094d\u0935\u0940\u091f: \u091a\u0942\u0930\u092e\u093e | \u0938\u0930\u094d\u0935\u093f\u0902\u0917: \u0925\u093e\u0932\u0940 \u092e\u0947\u0902<\/div><div class=\"tax-code\">\u0915\u0930 \u0915\u094b\u0921: CHB006<\/div><\/div>\n<\/div>\n\n<div class=\"menu-section\">\n <h2>\u0928\u093e\u0936\u094d\u0924\u093e<\/h2>\n <div class=\"menu-item\"><div class=\"name-rate\"><span>\u092a\u0930\u093e\u0920\u093e (\u0938\u093e\u0926\u093e\/\u092e\u093f\u0915\u094d\u0938)<\/span> <span>\u20b930-50<\/span><\/div><div class=\"description\">\u0938\u094d\u0935\u093e\u0926: \u0939\u0932\u094d\u0915\u093e | \u0938\u094d\u0935\u0940\u091f: \u0936\u093e\u092e\u093f\u0932 \u0928\u0939\u0940\u0902 | \u0938\u0930\u094d\u0935\u093f\u0902\u0917: \u092a\u094d\u0932\u0947\u091f \u092e\u0947\u0902<\/div><div class=\"tax-code\">\u0915\u0930 \u0915\u094b\u0921: CHB007<\/div><\/div>\n <div class=\"menu-item\"><div class=\"name-rate\"><span>\u092a\u0942\u0921\u093c\u0940 \u0938\u092c\u094d\u091c\u093c\u0940<\/span> <span>\u20b960<\/span><\/div><div class=\"description\">\u0938\u094d\u0935\u093e\u0926: \u0939\u0932\u094d\u0915\u093e | \u0938\u094d\u0935\u0940\u091f: \u0936\u093e\u092e\u093f\u0932 \u0928\u0939\u0940\u0902 | \u0938\u0930\u094d\u0935\u093f\u0902\u0917: \u092a\u094d\u0932\u0947\u091f \u092e\u0947\u0902<\/div><div class=\"tax-code\">\u0915\u0930 \u0915\u094b\u0921: CHB008<\/div><\/div>\n<\/div>\n\n<div class=\"menu-section\">\n <h2>\u092a\u093e\u0928\u0940 \u0914\u0930 \u092a\u0947\u092f<\/h2>\n <div class=\"menu-item\"><div class=\"name-rate\"><span>\u092c\u094b\u0924\u0932 \u092a\u093e\u0928\u0940<\/span> <span>\u20b920<\/span><\/div><div class=\"description\">\u0938\u094d\u0935\u093e\u0926: \u0924\u093e\u091c\u093c\u093e | \u0938\u094d\u0935\u0940\u091f: \u0928\u0939\u0940\u0902 | \u0938\u0930\u094d\u0935\u093f\u0902\u0917: \u092c\u094b\u0924\u0932 \u092e\u0947\u0902<\/div><div class=\"tax-code\">\u0915\u0930 \u0915\u094b\u0921: CHB009<\/div><\/div>\n <div class=\"menu-item\"><div class=\"name-rate\"><span>\u092e\u093f\u0928\u0930\u0932 \u0935\u093e\u091f\u0930<\/span> <span>\u20b930<\/span><\/div><div class=\"description\">\u0938\u094d\u0935\u093e\u0926: \u0924\u093e\u091c\u093c\u093e | \u0938\u094d\u0935\u0940\u091f: \u0928\u0939\u0940\u0902 | \u0938\u0930\u094d\u0935\u093f\u0902\u0917: \u092c\u094b\u0924\u0932 \u092e\u0947\u0902<\/div><div class=\"tax-code\">\u0915\u0930 \u0915\u094b\u0921: CHB010<\/div><\/div>\n<\/div>\n\n<div class=\"restaurant-location\">\n <p>\u0932\u094b\u0915\u0947\u0936\u0928: <a href=\"https:\/\/share.google\/HlQYKTntCUVjdAaDy\" target=\"_blank\">\u091a\u094c\u0927\u0930\u0940 \u092d\u094b\u091c\u0928\u093e\u0932\u092f \u090f\u0902\u0921 \u0915\u093f\u0930\u093e\u0928\u093e \u0938\u094d\u091f\u094b\u0930<\/a><\/p>\n<\/div>\n\n<div class=\"button-container\">\n <a href=\"https:\/\/breakfasthouse.sabpro.in\/?s=Booking+\" target=\"_blank\">\u092c\u0941\u0915 \u092f\u094b\u0930 \u091f\u0947\u092c\u0932<\/a>\n<\/div>\n\n<div class=\"qr-message\">\n <p>\u0939\u092e\u093e\u0930\u093e \u0911\u0928\u0932\u093e\u0907\u0928 \u0930\u0947\u0938\u094d\u091f\u094b\u0930\u0947\u0902\u091f \u092c\u0941\u0915\u093f\u0902\u0917 \u0916\u094b\u0932\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0905\u092c \u0939\u092e\u093e\u0930\u093e QR \u0915\u094b\u0921 \u0938\u094d\u0915\u0948\u0928 \u0915\u0930\u0947\u0902\u0964<\/p>\n <p>QR \u0915\u094b\u0921 \u0928\u0940\u091a\u0947 \u0926\u093f\u0916 \u0930\u0939\u093e \u0939\u0948\u0964<\/p>\n<\/div>\n\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"hi\">\n<head>\n<meta charset=\"UTF-8\">\n<title>Choudhary Restaurant QR PDF<\/title>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/qrcode-generator\/1.4.4\/qrcode.min.js\"><\/script>\n<style>\nbody { font-family: Arial, sans-serif; background-color: #f8f8f8; margin:0; padding:20px; }\n.container { background: white; padding: 30px 20px; border-radius:12px; max-width:520px; margin:20px auto; text-align:center; }\nh2 { color:#b52d2d; font-size:24px; margin-bottom:5px; }\np.subtitle { font-size:14px; color:#555; margin-top:0; margin-bottom:20px; }\n#qrContainer { display:inline-block; margin:20px auto; padding:12px; border:4px solid #b52d2d; border-radius:12px; background:#fff0f0; transition: transform 0.3s ease; }\n#qrContainer:hover { transform: scale(1.05); }\ntable { width:100%; margin-top:25px; border-collapse:collapse; font-size:13px; color:#333; }\ntable td { padding:6px 10px; text-align:left; }\ntable td:first-child { font-weight:bold; width:30%; }\n.button-group { margin-top:25px; }\n.button { padding:12px 24px; font-size:14px; cursor:pointer; border:none; border-radius:6px; color:white; background-color:#b52d2d; transition:0.3s; margin:0 8px; }\n.button:hover { background-color:#7a1c1c; }\niframe { width:100%; min-height:600px; border:1px solid #ccc; margin-top:20px; border-radius:8px; }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n<h2 id=\"shopTitle\">Choudhary Restaurant \u2013 Jaisalmer<\/h2>\n<p class=\"subtitle\">Scan this QR to open our restaurant online<\/p>\n\n<div id=\"qrContainer\">\n <div id=\"qrCodeImage\"><\/div>\n<\/div>\n\n<div class=\"button-group\">\n <button class=\"button\" onclick=\"downloadPDF()\">\u2b07\ufe0f Download PDF<\/button>\n <button class=\"button\" onclick=\"generateAndShowPDF()\">\ud83d\udcc4 Show PDF Preview<\/button>\n<\/div>\n\n<table>\n<tr><td>Developed by<\/td><td>Ram Pratap Siyag<\/td><\/tr>\n<tr><td>Phone<\/td><td>+91 8209740355<\/td><\/tr>\n<tr><td>Website<\/td><td>www.rampratapsiyag.com<\/td><\/tr>\n<tr><td>Address<\/td><td>Choudhary Restaurant, Jaisalmer<\/td><\/tr>\n<\/table>\n<\/div>\n\n<iframe id=\"pdfPreview\" style=\"display:none;\"><\/iframe>\n\n<script>\n\/\/ \u2705 \u0928\u092f\u093e \u0932\u093f\u0902\u0915 Choudhary Restaurant \u0915\u093e\nconst link = \"https:\/\/breakfasthouse.sabpro.in\/?page_id=54\";\n\nfunction generateQR(){\n const qrCode=qrcode(0,'M'); qrCode.addData(link); qrCode.make();\n document.getElementById('qrCodeImage').innerHTML=qrCode.createImgTag(6);\n}\n\nfunction generatePDF(){\n const { jsPDF } = window.jspdf;\n const pdf = new jsPDF(\"p\",\"mm\",\"a4\");\n const pageWidth = pdf.internal.pageSize.getWidth();\n const pageHeight = pdf.internal.pageSize.getHeight();\n\n const halfPageHeight = pageHeight \/ 2;\n let startY = halfPageHeight - 80;\n\n \/\/ Background\n pdf.setFillColor(255,240,240);\n pdf.rect(0,0,pageWidth,pageHeight,'F');\n\n \/\/ Header bar\n pdf.setFillColor(181,45,45);\n pdf.rect(0,startY-15,pageWidth,15,'F');\n\n \/\/ Title\n const shopTitle = document.getElementById(\"shopTitle\").innerText;\n pdf.setFont(\"helvetica\",\"bold\"); pdf.setFontSize(24);\n pdf.setTextColor(255,255,255);\n pdf.text(shopTitle,pageWidth\/2,startY-5,{align:\"center\"});\n\n \/\/ Subtitle\n pdf.setFont(\"helvetica\",\"normal\"); pdf.setFontSize(14); pdf.setTextColor(80,80,80);\n pdf.text(\"Scan this QR to open our restaurant online\",pageWidth\/2,startY+10,{align:\"center\"});\n\n \/\/ QR Code\n let qr=qrcode(0,\"M\"); qr.addData(link); qr.make();\n let qrBase64 = qr.createImgTag(10).match(\/src=\"([^\"]+)\"\/)[1];\n const imgSize=80;\n pdf.addImage(qrBase64,\"PNG\",(pageWidth-imgSize)\/2,startY+20,imgSize,imgSize);\n\n \/\/ Footer table\n const footerData=[\n [\"Developed by\",\"Ram Pratap Siyag\"],\n [\"Phone\",\"+91 8209740355\"],\n [\"Website\",\"www.rampratapsiyag.com\"],\n [\"Address\",\"Choudhary Restaurant, Jaisalmer\"]\n ];\n const rowHeight=10; const col1X=30; const col2X=90;\n let currentY=startY+110;\n\n footerData.forEach((row,index)=>{\n const bgColor=index%2===0?[255,220,220]:[255,240,240];\n pdf.setFillColor(...bgColor);\n pdf.rect(col1X-2,currentY,pageWidth-60,rowHeight,'F');\n\n pdf.setTextColor(0,0,0);\n pdf.setFont(\"helvetica\",\"bold\");\n pdf.text(row[0]+\":\",col1X,currentY+7);\n pdf.setFont(\"helvetica\",\"normal\");\n pdf.text(row[1],col2X,currentY+7);\n\n currentY+=rowHeight;\n });\n\n return pdf;\n}\n\nfunction downloadPDF(){ generatePDF().save(\"Choudhary_Restaurant_QR.pdf\"); }\nfunction generateAndShowPDF(){\n let pdf=generatePDF();\n document.getElementById(\"pdfPreview\").src=pdf.output(\"datauristring\");\n document.getElementById(\"pdfPreview\").style.display=\"block\";\n document.getElementById(\"pdfPreview\").scrollIntoView({behavior:'smooth'});\n}\n\nwindow.onload=generateQR;\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Digital Nashta House Jaisalmer Chaudhary Restaurant – \u0906\u091c \u0915\u093e \u0924\u093e\u091c\u093c\u093e \u092e\u0947\u0928\u0942 \ud83c\udf72 \u091a\u094c\u0927\u0930\u0940 \u092d\u094b\u091c\u0928\u093e\u0932\u092f \ud83d\udc49 \u0906\u091c \u0915\u093e \u0924\u093e\u091c\u093c\u093e \u092e\u0947\u0928\u0942 \u0926\u0947\u0916\u0947\u0902 \u0906\u091c \u0915\u093e \u092e\u0947\u0928\u0942 \u0924\u093e\u0930\u0940\u0916: \u0938\u092e\u092f: \u091a\u0928\u093e \u092e\u0938\u093e\u0932\u093e \u092e\u091f\u0930 \u092a\u0928\u0940\u0930 \u0939\u0930\u0940 \u0938\u092c\u094d\u091c\u0940 \u0938\u0947\u0935 \u091f\u092e\u093e\u091f\u0930 \u092e\u093f\u0915\u094d\u0938 \u0935\u0947\u091c \u0915\u0947\u0930 \u0938\u093e\u0902\u0917\u0930\u0940 \u0926\u093e\u0932 \u0914\u0930 \u0926\u093e\u0932 \u092b\u094d\u0930\u093e\u0908 \u0926\u0939\u0940 \u0915\u093e \u0930\u093e\u092f\u0924\u093e \u0926\u0939\u0940 \u0938\u094d\u092a\u0947\u0936\u0932 \u0930\u093e\u091c\u0938\u094d\u0925\u093e\u0928\u0940 \u0915\u0921\u093c\u0940 \u092e\u0947\u0925\u0940 \u092e\u093f\u0930\u094d\u091a\u0940 \u0915\u093e \u0905\u091a\u093e\u0930 \u0932\u0939\u0938\u0941\u0928 \u0915\u0940 \u091a\u091f\u0928\u0940 […]<\/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-54","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/breakfasthouse.sabpro.in\/index.php?rest_route=\/wp\/v2\/pages\/54","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=54"}],"version-history":[{"count":40,"href":"https:\/\/breakfasthouse.sabpro.in\/index.php?rest_route=\/wp\/v2\/pages\/54\/revisions"}],"predecessor-version":[{"id":550,"href":"https:\/\/breakfasthouse.sabpro.in\/index.php?rest_route=\/wp\/v2\/pages\/54\/revisions\/550"}],"wp:attachment":[{"href":"https:\/\/breakfasthouse.sabpro.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}