Hotel Booking Slip<\/title>\n <style>\n body {\n font-family: 'Segoe UI', sans-serif;\n margin: 0;\n padding: 0;\n background: #f5f5f5;\n }\n .container {\n max-width: 700px;\n margin: 30px auto;\n background: #fff;\n padding: 25px;\n box-shadow: 0 0 10px rgba(0,0,0,0.1);\n }\n h2 {\n text-align: center;\n margin-bottom: 15px;\n }\n table {\n width: 100%;\n border-collapse: collapse;\n margin-bottom: 15px;\n }\n th, td {\n border: 1px solid #ddd;\n padding: 12px;\n text-align: center;\n }\n th {\n background: #333;\n color: #fff;\n }\n input[type=\"number\"], select, input[type=\"text\"] {\n width: 100%;\n padding: 8px;\n box-sizing: border-box;\n }\n .total-box, .qr-box, .submit-box {\n text-align: center;\n margin-top: 20px;\n }\n #qrcode {\n margin: 20px auto;\n }\n button {\n background: #28a745;\n color: white;\n padding: 12px 20px;\n border: none;\n border-radius: 6px;\n font-size: 16px;\n cursor: pointer;\n }\n button:hover {\n background: #218838;\n }\n .instructions {\n margin-top: 20px;\n background: #fff3cd;\n border-left: 5px solid #ffeeba;\n padding: 15px;\n }\n @media(max-width: 600px){\n th, td {\n font-size: 14px;\n padding: 8px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n <h2>Hotel Room Booking<\/h2>\n\n <table>\n <tr>\n <th>Room Type<\/th>\n <th>Rate (\u20b9)<\/th>\n <th>Days<\/th>\n <th>Total<\/th>\n <\/tr>\n <tbody id=\"roomTable\">\n <tr>\n <td><select onchange=\"updateTotal(this)\">\n <option value=\"0\">Select Room<\/option>\n <option value=\"1000\">Standard – \u20b91000<\/option>\n <option value=\"1500\">Deluxe – \u20b91500<\/option>\n <option value=\"2000\">Super Deluxe – \u20b92000<\/option>\n <option value=\"2500\">Suite – \u20b92500<\/option>\n <option value=\"3000\">Premium Suite – \u20b93000<\/option>\n <\/select><\/td>\n <td><input type=\"number\" class=\"rate\" readonly><\/td>\n <td><input type=\"number\" class=\"days\" value=\"1\" oninput=\"updateTotal(this)\"><\/td>\n <td><input type=\"number\" class=\"total\" readonly><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n <div class=\"total-box\">\n <strong>Total Amount: \u20b9 <span id=\"grandTotal\">0<\/span><\/strong>\n <\/div>\n\n <div class=\"qr-box\">\n <input type=\"text\" id=\"txnId\" placeholder=\"Enter Transaction ID\" \/>\n <div id=\"qrcode\"><\/div>\n <\/div>\n\n <div class=\"submit-box\">\n <button onclick=\"downloadSlip()\">Download Booking Slip<\/button>\n <\/div>\n\n <div class=\"instructions\">\n <strong>Instructions:<\/strong><br>\n 1. Scan QR and make payment.<br>\n 2. Enter transaction ID above and click download.<br>\n 3. Show the slip at reception, collect the key, and proceed to your room.\n <\/div>\n<\/div>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/qrcode\/build\/qrcode.min.js\"><\/script>\n<script>\n function updateTotal(elem) {\n let row = elem.closest(\"tr\");\n let rate = row.querySelector(\"select\").value;\n row.querySelector(\".rate\").value = rate;\n let days = row.querySelector(\".days\").value || 0;\n let total = parseInt(rate) * parseInt(days);\n row.querySelector(\".total\").value = total;\n\n let totals = document.querySelectorAll(\".total\");\n let grand = 0;\n totals.forEach(t => grand += Number(t.value));\n document.getElementById(\"grandTotal\").innerText = grand;\n\n generateQR(grand);\n }\n\n function generateQR(amount) {\n let upiID = \"8209740355@okbizaxis\";\n let name = \"HotelBooking\";\n let url = `upi:\/\/pay?pa=${upiID}&pn=${name}&am=${amount}&cu=INR`;\n\n document.getElementById(\"qrcode\").innerHTML = \"\";\n if (amount > 0) {\n QRCode.toCanvas(document.createElement(\"canvas\"), url, function (error, canvas) {\n if (error) console.error(error);\n document.getElementById(\"qrcode\").appendChild(canvas);\n });\n }\n }\n\n function downloadSlip() {\n let txnId = document.getElementById(\"txnId\").value.trim();\n if (!txnId) return alert(\"Please enter the Transaction ID!\");\n\n let slipContent = `\n Hotel Ram Pratap Siyag - Booking Slip\\n\n Booking ID: ${Date.now()}\n Transaction ID: ${txnId}\n Total Amount: \u20b9${document.getElementById(\"grandTotal\").innerText}\n Room Type: ${document.querySelector(\"select\").selectedOptions[0].text}\n Days: ${document.querySelector(\".days\").value}\n \\n\n Instructions:\n - Show this slip at hotel reception.\n - Collect your room key.\n - Enjoy your stay!\n `;\n\n let blob = new Blob([slipContent], {type: 'text\/plain'});\n let link = document.createElement(\"a\");\n link.href = URL.createObjectURL(blob);\n link.download = \"Booking-Slip.txt\";\n link.click();\n }\n<\/script>\n<\/body>\n<\/html>\n\n\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><video controls src=\"https:\/\/hotel.rampratapsiyag.com\/wp-content\/uploads\/2025\/07\/1001072118.mp4\"><\/video><\/figure><div class=\"wp-block-media-text__content\">\n<p><\/p>\n<\/div><\/div>\n\n\n\n<style>\n\/* \u0938\u093f\u0930\u094d\u092b \u0907\u0938 \u092a\u0947\u091c \u0915\u0947 \u0932\u093f\u090f \u0905\u0932\u0917 \u092c\u0948\u0915\u0917\u094d\u0930\u093e\u0909\u0902\u0921 *\/\nbody {\n margin: 0;\n height: 100vh;\n background: linear-gradient(270deg, #ff7e5f, #feb47b, #86a8e7, #91eae4);\n background-size: 800% 800%;\n animation: gradientPage2 18s ease infinite;\n font-family: Arial, sans-serif;\n}\n\n\/* \u090f\u0928\u093f\u092e\u0947\u0936\u0928 *\/\n@keyframes gradientPage2 {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n.page-content {\n color: white;\n text-align: center;\n padding: 100px 20px;\n font-size: 2em;\n font-weight: bold;\n text-shadow: 2px 2px 5px rgba(0,0,0,0.4);\n}\n<\/style>\n\n<div class=\"page-content\">\n Welcome to Our Special Page <br>\n Enjoy Unique Colors & Style\n<\/div>\n\n\n\n<style>\n .floating-buttons {\n position: fixed;\n bottom: 20px; \/* \u0928\u0940\u091a\u0947 \u0938\u0947 \u0926\u0942\u0930\u0940 *\/\n right: 10px; \/* \u0926\u093e\u090f\u0901 \u0938\u0947 \u0926\u0942\u0930\u0940 *\/\n display: flex;\n flex-direction: column;\n gap: 10px;\n z-index: 9999;\n }\n .floating-buttons a {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n color: white;\n text-decoration: none;\n box-shadow: 0 2px 5px rgba(0,0,0,0.3);\n transition: transform 0.2s ease;\n }\n .floating-buttons a:hover {\n transform: scale(1.1);\n }\n .call-btn { background-color: #28a745; }\n .whatsapp-btn { background-color: #25D366; }\n .email-btn { background-color: #007BFF; }\n<\/style>\n\n<div class=\"floating-buttons\">\n \n <a href=\"tel:8209740355\" class=\"call-btn\" title=\"Call\">\n \ud83d\udcde\n <\/a>\n\n \n <a href=\"https:\/\/wa.me\/918209740355\" class=\"whatsapp-btn\" target=\"_blank\" title=\"WhatsApp\">\n \ud83d\udcac\n <\/a>\n\n \n <a href=\"mailto:yourmail@example.com\" class=\"email-btn\" title=\"Email\">\n \u2709\ufe0f\n <\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Hotel Booking Slip Hotel Room Booking Room Type Rate (\u20b9) Days Total Select RoomStandard – \u20b91000Deluxe – \u20b91500Super Deluxe – \u20b92000Suite – \u20b92500Premium Suite – \u20b93000 Total Amount: \u20b9 0 Download Booking Slip Instructions: 1. Scan QR and make payment. 2. Enter transaction ID above and click download. 3. Show the slip at reception, collect […]<\/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-41","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hotel.rampratapsiyag.com\/index.php\/wp-json\/wp\/v2\/pages\/41","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hotel.rampratapsiyag.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hotel.rampratapsiyag.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hotel.rampratapsiyag.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hotel.rampratapsiyag.com\/index.php\/wp-json\/wp\/v2\/comments?post=41"}],"version-history":[{"count":18,"href":"https:\/\/hotel.rampratapsiyag.com\/index.php\/wp-json\/wp\/v2\/pages\/41\/revisions"}],"predecessor-version":[{"id":291,"href":"https:\/\/hotel.rampratapsiyag.com\/index.php\/wp-json\/wp\/v2\/pages\/41\/revisions\/291"}],"wp:attachment":[{"href":"https:\/\/hotel.rampratapsiyag.com\/index.php\/wp-json\/wp\/v2\/media?parent=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":41,"date":"2025-07-26T10:52:08","date_gmt":"2025-07-26T10:52:08","guid":{"rendered":"https:\/\/hotel.rampratapsiyag.com\/?page_id=41"},"modified":"2025-07-30T08:36:21","modified_gmt":"2025-07-30T08:36:21","slug":"booking-com","status":"publish","type":"page","link":"https:\/\/hotel.rampratapsiyag.com\/index.php\/booking-com\/","title":{"rendered":"Just Booking"},"content":{"rendered":"\n\n\n\n \n \n Hotel Booking Slip<\/title>\n <style>\n body {\n font-family: 'Segoe UI', sans-serif;\n margin: 0;\n padding: 0;\n background: #f5f5f5;\n }\n .container {\n max-width: 700px;\n margin: 30px auto;\n background: #fff;\n padding: 25px;\n box-shadow: 0 0 10px rgba(0,0,0,0.1);\n }\n h2 {\n text-align: center;\n margin-bottom: 15px;\n }\n table {\n width: 100%;\n border-collapse: collapse;\n margin-bottom: 15px;\n }\n th, td {\n border: 1px solid #ddd;\n padding: 12px;\n text-align: center;\n }\n th {\n background: #333;\n color: #fff;\n }\n input[type=\"number\"], select, input[type=\"text\"] {\n width: 100%;\n padding: 8px;\n box-sizing: border-box;\n }\n .total-box, .qr-box, .submit-box {\n text-align: center;\n margin-top: 20px;\n }\n #qrcode {\n margin: 20px auto;\n }\n button {\n background: #28a745;\n color: white;\n padding: 12px 20px;\n border: none;\n border-radius: 6px;\n font-size: 16px;\n cursor: pointer;\n }\n button:hover {\n background: #218838;\n }\n .instructions {\n margin-top: 20px;\n background: #fff3cd;\n border-left: 5px solid #ffeeba;\n padding: 15px;\n }\n @media(max-width: 600px){\n th, td {\n font-size: 14px;\n padding: 8px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n <h2>Hotel Room Booking<\/h2>\n\n <table>\n <tr>\n <th>Room Type<\/th>\n <th>Rate (\u20b9)<\/th>\n <th>Days<\/th>\n <th>Total<\/th>\n <\/tr>\n <tbody id=\"roomTable\">\n <tr>\n <td><select onchange=\"updateTotal(this)\">\n <option value=\"0\">Select Room<\/option>\n <option value=\"1000\">Standard – \u20b91000<\/option>\n <option value=\"1500\">Deluxe – \u20b91500<\/option>\n <option value=\"2000\">Super Deluxe – \u20b92000<\/option>\n <option value=\"2500\">Suite – \u20b92500<\/option>\n <option value=\"3000\">Premium Suite – \u20b93000<\/option>\n <\/select><\/td>\n <td><input type=\"number\" class=\"rate\" readonly><\/td>\n <td><input type=\"number\" class=\"days\" value=\"1\" oninput=\"updateTotal(this)\"><\/td>\n <td><input type=\"number\" class=\"total\" readonly><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n <div class=\"total-box\">\n <strong>Total Amount: \u20b9 <span id=\"grandTotal\">0<\/span><\/strong>\n <\/div>\n\n <div class=\"qr-box\">\n <input type=\"text\" id=\"txnId\" placeholder=\"Enter Transaction ID\" \/>\n <div id=\"qrcode\"><\/div>\n <\/div>\n\n <div class=\"submit-box\">\n <button onclick=\"downloadSlip()\">Download Booking Slip<\/button>\n <\/div>\n\n <div class=\"instructions\">\n <strong>Instructions:<\/strong><br>\n 1. Scan QR and make payment.<br>\n 2. Enter transaction ID above and click download.<br>\n 3. Show the slip at reception, collect the key, and proceed to your room.\n <\/div>\n<\/div>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/qrcode\/build\/qrcode.min.js\"><\/script>\n<script>\n function updateTotal(elem) {\n let row = elem.closest(\"tr\");\n let rate = row.querySelector(\"select\").value;\n row.querySelector(\".rate\").value = rate;\n let days = row.querySelector(\".days\").value || 0;\n let total = parseInt(rate) * parseInt(days);\n row.querySelector(\".total\").value = total;\n\n let totals = document.querySelectorAll(\".total\");\n let grand = 0;\n totals.forEach(t => grand += Number(t.value));\n document.getElementById(\"grandTotal\").innerText = grand;\n\n generateQR(grand);\n }\n\n function generateQR(amount) {\n let upiID = \"8209740355@okbizaxis\";\n let name = \"HotelBooking\";\n let url = `upi:\/\/pay?pa=${upiID}&pn=${name}&am=${amount}&cu=INR`;\n\n document.getElementById(\"qrcode\").innerHTML = \"\";\n if (amount > 0) {\n QRCode.toCanvas(document.createElement(\"canvas\"), url, function (error, canvas) {\n if (error) console.error(error);\n document.getElementById(\"qrcode\").appendChild(canvas);\n });\n }\n }\n\n function downloadSlip() {\n let txnId = document.getElementById(\"txnId\").value.trim();\n if (!txnId) return alert(\"Please enter the Transaction ID!\");\n\n let slipContent = `\n Hotel Ram Pratap Siyag - Booking Slip\\n\n Booking ID: ${Date.now()}\n Transaction ID: ${txnId}\n Total Amount: \u20b9${document.getElementById(\"grandTotal\").innerText}\n Room Type: ${document.querySelector(\"select\").selectedOptions[0].text}\n Days: ${document.querySelector(\".days\").value}\n \\n\n Instructions:\n - Show this slip at hotel reception.\n - Collect your room key.\n - Enjoy your stay!\n `;\n\n let blob = new Blob([slipContent], {type: 'text\/plain'});\n let link = document.createElement(\"a\");\n link.href = URL.createObjectURL(blob);\n link.download = \"Booking-Slip.txt\";\n link.click();\n }\n<\/script>\n<\/body>\n<\/html>\n\n\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><video controls src=\"https:\/\/hotel.rampratapsiyag.com\/wp-content\/uploads\/2025\/07\/1001072118.mp4\"><\/video><\/figure><div class=\"wp-block-media-text__content\">\n<p><\/p>\n<\/div><\/div>\n\n\n\n<style>\n\/* \u0938\u093f\u0930\u094d\u092b \u0907\u0938 \u092a\u0947\u091c \u0915\u0947 \u0932\u093f\u090f \u0905\u0932\u0917 \u092c\u0948\u0915\u0917\u094d\u0930\u093e\u0909\u0902\u0921 *\/\nbody {\n margin: 0;\n height: 100vh;\n background: linear-gradient(270deg, #ff7e5f, #feb47b, #86a8e7, #91eae4);\n background-size: 800% 800%;\n animation: gradientPage2 18s ease infinite;\n font-family: Arial, sans-serif;\n}\n\n\/* \u090f\u0928\u093f\u092e\u0947\u0936\u0928 *\/\n@keyframes gradientPage2 {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n.page-content {\n color: white;\n text-align: center;\n padding: 100px 20px;\n font-size: 2em;\n font-weight: bold;\n text-shadow: 2px 2px 5px rgba(0,0,0,0.4);\n}\n<\/style>\n\n<div class=\"page-content\">\n Welcome to Our Special Page <br>\n Enjoy Unique Colors & Style\n<\/div>\n\n\n\n<style>\n .floating-buttons {\n position: fixed;\n bottom: 20px; \/* \u0928\u0940\u091a\u0947 \u0938\u0947 \u0926\u0942\u0930\u0940 *\/\n right: 10px; \/* \u0926\u093e\u090f\u0901 \u0938\u0947 \u0926\u0942\u0930\u0940 *\/\n display: flex;\n flex-direction: column;\n gap: 10px;\n z-index: 9999;\n }\n .floating-buttons a {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n color: white;\n text-decoration: none;\n box-shadow: 0 2px 5px rgba(0,0,0,0.3);\n transition: transform 0.2s ease;\n }\n .floating-buttons a:hover {\n transform: scale(1.1);\n }\n .call-btn { background-color: #28a745; }\n .whatsapp-btn { background-color: #25D366; }\n .email-btn { background-color: #007BFF; }\n<\/style>\n\n<div class=\"floating-buttons\">\n \n <a href=\"tel:8209740355\" class=\"call-btn\" title=\"Call\">\n \ud83d\udcde\n <\/a>\n\n \n <a href=\"https:\/\/wa.me\/918209740355\" class=\"whatsapp-btn\" target=\"_blank\" title=\"WhatsApp\">\n \ud83d\udcac\n <\/a>\n\n \n <a href=\"mailto:yourmail@example.com\" class=\"email-btn\" title=\"Email\">\n \u2709\ufe0f\n <\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Hotel Booking Slip Hotel Room Booking Room Type Rate (\u20b9) Days Total Select RoomStandard – \u20b91000Deluxe – \u20b91500Super Deluxe – \u20b92000Suite – \u20b92500Premium Suite – \u20b93000 Total Amount: \u20b9 0 Download Booking Slip Instructions: 1. Scan QR and make payment. 2. Enter transaction ID above and click download. 3. Show the slip at reception, collect […]<\/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-41","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hotel.rampratapsiyag.com\/index.php\/wp-json\/wp\/v2\/pages\/41","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hotel.rampratapsiyag.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hotel.rampratapsiyag.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hotel.rampratapsiyag.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hotel.rampratapsiyag.com\/index.php\/wp-json\/wp\/v2\/comments?post=41"}],"version-history":[{"count":18,"href":"https:\/\/hotel.rampratapsiyag.com\/index.php\/wp-json\/wp\/v2\/pages\/41\/revisions"}],"predecessor-version":[{"id":291,"href":"https:\/\/hotel.rampratapsiyag.com\/index.php\/wp-json\/wp\/v2\/pages\/41\/revisions\/291"}],"wp:attachment":[{"href":"https:\/\/hotel.rampratapsiyag.com\/index.php\/wp-json\/wp\/v2\/media?parent=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}