Happy Camel Safari – Booking<\/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\/jspdf-autotable\/3.5.23\/jspdf.plugin.autotable.min.js\"><\/script>\n<style>\nbody { font-family: Arial, sans-serif; background:#fffaf0; padding:20px; }\nh2 { text-align:center; color:#8B4513; }\n.section { border:2px solid #ccc; border-radius:12px; padding:15px; margin-bottom:20px; background:#ffffff; }\nlabel { font-weight:bold; margin-top:10px; display:block; }\ninput, select { width:100%; padding:8px; border-radius:8px; margin-top:5px; border:1px solid #ccc; }\nbutton {\n background:#8B4513; color:white; padding:12px; border:none; border-radius:8px; font-size:16px; cursor:pointer;\n}\nbutton:hover { background:#A0522D; }\n.total { text-align:center; font-size:20px; color:#B22222; font-weight:bold; margin:10px; }\nimg.preview { max-width:120px; margin-top:10px; border:2px solid #ccc; border-radius:8px; }\n.success { display:none; text-align:center; margin-top:20px; }\n<\/style>\n<\/head>\n<body>\n\n<h2>\ud83d\udc2a Happy Camel Safari Booking \ud83d\udc2a<\/h2>\n\n<div class=\"section\">\n <h3>1. Customer Info<\/h3>\n <label>Name<\/label><input type=\"text\" id=\"name\">\n <label>Email<\/label><input type=\"email\" id=\"email\">\n <label>Mobile<\/label><input type=\"tel\" id=\"mobile\">\n\n <label>Number of Persons<\/label>\n <select id=\"persons\" onchange=\"updateTotal()\">\n <option value=\"1\">1 Person<\/option>\n <option value=\"2\">2 Persons<\/option>\n <option value=\"3\">3 Persons<\/option>\n <option value=\"4\">4 Persons<\/option>\n <option value=\"5\">5 Persons<\/option>\n <\/select>\n\n <label>Upload Photo<\/label>\n <input type=\"file\" id=\"photo\" accept=\"image\/*\" onchange=\"previewImage(event)\">\n <img id=\"photoPreview\" class=\"preview\" style=\"display:none;\">\n\n <label>Upload ID Proof<\/label>\n <input type=\"file\" id=\"idproof\" accept=\"image\/*\" onchange=\"previewID(event)\">\n <img id=\"idPreview\" class=\"preview\" style=\"display:none;\">\n<\/div>\n\n<div class=\"section\">\n <h3>2. Safari Package<\/h3>\n <label>Select Package<\/label>\n <select id=\"safariType\" onchange=\"updateTotal()\">\n <option value=\"1500\">Half Day (2 PM \u2013 9 PM) – \u20b91500\/person<\/option>\n <option value=\"2500\">Overnight (2 PM \u2013 Next Day 11 AM) – \u20b92500\/person<\/option>\n <option value=\"4000\">2 Day 1 Night (7 AM \u2013 Next Day 6 PM) – \u20b94000\/person<\/option>\n <option value=\"6000\">3 Day 2 Night – \u20b96000\/person<\/option>\n <\/select>\n\n <label>Date<\/label><input type=\"date\" id=\"date\">\n<\/div>\n\n<div class=\"section\">\n <h3>3. Payment<\/h3>\n <div class=\"total\" id=\"total\">Total: \u20b91500<\/div>\n <p style=\"text-align:center;\"><b>UPI ID:<\/b> happycamel@upi<\/p>\n <div style=\"text-align:center;\">\n <img decoding=\"async\" id=\"qrcode\" src=\"https:\/\/api.qrserver.com\/v1\/create-qr-code\/?size=150x150&data=upi:\/\/pay?pa=happycamel@upi&pn=HappyCamelSafari&am=1500\">\n <\/div>\n <label>Transaction ID<\/label><input type=\"text\" id=\"txn\">\n<\/div>\n\n<div class=\"section\">\n <button onclick=\"confirmBooking()\">\u2705 Confirm Booking<\/button>\n <div class=\"success\" id=\"successBox\">\n <h3>\ud83c\udf89 Booking Confirmed<\/h3>\n <button onclick=\"downloadPDF()\">\ud83d\udce5 Download PDF<\/button><br><br>\n <a id=\"whatsappShare\" target=\"_blank\"><button style=\"background:green;\">\ud83d\udcf2 Share on WhatsApp<\/button><\/a>\n <\/div>\n<\/div>\n\n<script>\nlet photoBase64 = \"\";\nlet idBase64 = \"\";\n\nfunction previewImage(event) {\n let reader = new FileReader();\n reader.onload = function(){\n photoBase64 = reader.result;\n let img = document.getElementById(\"photoPreview\");\n img.src = reader.result;\n img.style.display = \"block\";\n }\n reader.readAsDataURL(event.target.files[0]);\n}\n\nfunction previewID(event) {\n let reader = new FileReader();\n reader.onload = function(){\n idBase64 = reader.result;\n let img = document.getElementById(\"idPreview\");\n img.src = reader.result;\n img.style.display = \"block\";\n }\n reader.readAsDataURL(event.target.files[0]);\n}\n\nfunction updateTotal() {\n let rate = parseInt(document.getElementById(\"safariType\").value);\n let persons = parseInt(document.getElementById(\"persons\").value);\n let total = rate * persons;\n document.getElementById(\"total\").innerText = \"Total: \u20b9\" + total;\n document.getElementById(\"qrcode\").src =\n \"https:\/\/api.qrserver.com\/v1\/create-qr-code\/?size=150x150&data=upi:\/\/pay?pa=happycamel@upi&pn=HappyCamelSafari&am=\" + total;\n}\n\nfunction confirmBooking() {\n let txn = document.getElementById(\"txn\").value;\n if(txn === \"\") { alert(\"\u26a0\ufe0f Please enter Transaction ID\"); return; }\n document.getElementById(\"successBox\").style.display = \"block\";\n\n let name = document.getElementById(\"name\").value;\n let date = document.getElementById(\"date\").value;\n let total = document.getElementById(\"total\").innerText;\n\n let msg = `\ud83d\udc2a Happy Camel Safari Booking \u2705\\nName: ${name}\\nDate: ${date}\\n${total}\\nTxn ID: ${txn}`;\n document.getElementById(\"whatsappShare\").href = \"https:\/\/wa.me\/919999999999?text=\" + encodeURIComponent(msg);\n}\n\nfunction downloadPDF() {\n const { jsPDF } = window.jspdf;\n const doc = new jsPDF();\n const pageWidth = doc.internal.pageSize.getWidth();\n const tableMargin = 20;\n\n doc.setFontSize(22);\n doc.setTextColor(139, 69, 19);\n doc.text(\"Happy Camel Safari\", tableMargin, 20);\n doc.setFontSize(10);\n doc.setTextColor(150, 150, 150);\n doc.text(\"Booking Confirmation Receipt\", tableMargin, 28);\n \n doc.setDrawColor(139, 69, 19);\n doc.line(tableMargin, 32, pageWidth - tableMargin, 32);\n\n let name = document.getElementById(\"name\").value;\n let email = document.getElementById(\"email\").value;\n let mobile = document.getElementById(\"mobile\").value;\n let date = document.getElementById(\"date\").value;\n let safariType = document.getElementById(\"safariType\").options[document.getElementById(\"safariType\").selectedIndex].text;\n let persons = document.getElementById(\"persons\").value;\n let total = document.getElementById(\"total\").innerText;\n let txn = document.getElementById(\"txn\").value;\n\n const tableData = [\n ['Name', name],\n ['Email', email],\n ['Mobile', mobile],\n ['Date', date],\n ['Safari Package', safariType],\n ['Persons', persons],\n ['Total', total],\n ['Transaction ID', txn]\n ];\n\n doc.autoTable({\n startY: 40,\n head: [['Field', 'Details']],\n body: tableData,\n theme: 'striped',\n styles: { fontSize: 10, cellPadding: 3 },\n headStyles: { fillColor: [139, 69, 19], textColor: [255, 255, 255] }\n });\n\n if (photoBase64) doc.addImage(photoBase64, \"JPEG\", pageWidth - 60, 50, 40, 40);\n if (idBase64) doc.addImage(idBase64, \"JPEG\", pageWidth - 60, 100, 40, 40);\n\n doc.save(\"HappyCamelSafari_Booking.pdf\");\n}\n<\/script>\n<\/body>\n<\/html>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<div class=\"wp-block-cover is-light\"><img decoding=\"async\" class=\"wp-block-cover__image-background\" alt=\"Close up photo of white flowers on a grey background\" src=\"https:\/\/happycamelsafari.sabpro.in\/wp-content\/themes\/twentytwentyfive\/assets\/images\/botany-flowers-closeup.webp\" data-object-fit=\"cover\"\/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-0 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Happy Camel Safari – Booking \ud83d\udc2a Happy Camel Safari Booking \ud83d\udc2a 1. Customer Info Name Email Mobile Number of Persons 1 Person2 Persons3 Persons4 Persons5 Persons Upload Photo Upload ID Proof 2. Safari Package Select Package Half Day (2 PM \u2013 9 PM) – \u20b91500\/personOvernight (2 PM \u2013 Next Day 11 AM) – \u20b92500\/person2 Day […]<\/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-179","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/happycamelsafari.sabpro.in\/index.php?rest_route=\/wp\/v2\/pages\/179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/happycamelsafari.sabpro.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/happycamelsafari.sabpro.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/happycamelsafari.sabpro.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/happycamelsafari.sabpro.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=179"}],"version-history":[{"count":3,"href":"https:\/\/happycamelsafari.sabpro.in\/index.php?rest_route=\/wp\/v2\/pages\/179\/revisions"}],"predecessor-version":[{"id":182,"href":"https:\/\/happycamelsafari.sabpro.in\/index.php?rest_route=\/wp\/v2\/pages\/179\/revisions\/182"}],"wp:attachment":[{"href":"https:\/\/happycamelsafari.sabpro.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\n\n\n\n\nHappy Camel Safari – Booking<\/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\/jspdf-autotable\/3.5.23\/jspdf.plugin.autotable.min.js\"><\/script>\n<style>\nbody { font-family: Arial, sans-serif; background:#fffaf0; padding:20px; }\nh2 { text-align:center; color:#8B4513; }\n.section { border:2px solid #ccc; border-radius:12px; padding:15px; margin-bottom:20px; background:#ffffff; }\nlabel { font-weight:bold; margin-top:10px; display:block; }\ninput, select { width:100%; padding:8px; border-radius:8px; margin-top:5px; border:1px solid #ccc; }\nbutton {\n background:#8B4513; color:white; padding:12px; border:none; border-radius:8px; font-size:16px; cursor:pointer;\n}\nbutton:hover { background:#A0522D; }\n.total { text-align:center; font-size:20px; color:#B22222; font-weight:bold; margin:10px; }\nimg.preview { max-width:120px; margin-top:10px; border:2px solid #ccc; border-radius:8px; }\n.success { display:none; text-align:center; margin-top:20px; }\n<\/style>\n<\/head>\n<body>\n\n<h2>\ud83d\udc2a Happy Camel Safari Booking \ud83d\udc2a<\/h2>\n\n<div class=\"section\">\n <h3>1. Customer Info<\/h3>\n <label>Name<\/label><input type=\"text\" id=\"name\">\n <label>Email<\/label><input type=\"email\" id=\"email\">\n <label>Mobile<\/label><input type=\"tel\" id=\"mobile\">\n\n <label>Number of Persons<\/label>\n <select id=\"persons\" onchange=\"updateTotal()\">\n <option value=\"1\">1 Person<\/option>\n <option value=\"2\">2 Persons<\/option>\n <option value=\"3\">3 Persons<\/option>\n <option value=\"4\">4 Persons<\/option>\n <option value=\"5\">5 Persons<\/option>\n <\/select>\n\n <label>Upload Photo<\/label>\n <input type=\"file\" id=\"photo\" accept=\"image\/*\" onchange=\"previewImage(event)\">\n <img id=\"photoPreview\" class=\"preview\" style=\"display:none;\">\n\n <label>Upload ID Proof<\/label>\n <input type=\"file\" id=\"idproof\" accept=\"image\/*\" onchange=\"previewID(event)\">\n <img id=\"idPreview\" class=\"preview\" style=\"display:none;\">\n<\/div>\n\n<div class=\"section\">\n <h3>2. Safari Package<\/h3>\n <label>Select Package<\/label>\n <select id=\"safariType\" onchange=\"updateTotal()\">\n <option value=\"1500\">Half Day (2 PM \u2013 9 PM) – \u20b91500\/person<\/option>\n <option value=\"2500\">Overnight (2 PM \u2013 Next Day 11 AM) – \u20b92500\/person<\/option>\n <option value=\"4000\">2 Day 1 Night (7 AM \u2013 Next Day 6 PM) – \u20b94000\/person<\/option>\n <option value=\"6000\">3 Day 2 Night – \u20b96000\/person<\/option>\n <\/select>\n\n <label>Date<\/label><input type=\"date\" id=\"date\">\n<\/div>\n\n<div class=\"section\">\n <h3>3. Payment<\/h3>\n <div class=\"total\" id=\"total\">Total: \u20b91500<\/div>\n <p style=\"text-align:center;\"><b>UPI ID:<\/b> happycamel@upi<\/p>\n <div style=\"text-align:center;\">\n <img decoding=\"async\" id=\"qrcode\" src=\"https:\/\/api.qrserver.com\/v1\/create-qr-code\/?size=150x150&data=upi:\/\/pay?pa=happycamel@upi&pn=HappyCamelSafari&am=1500\">\n <\/div>\n <label>Transaction ID<\/label><input type=\"text\" id=\"txn\">\n<\/div>\n\n<div class=\"section\">\n <button onclick=\"confirmBooking()\">\u2705 Confirm Booking<\/button>\n <div class=\"success\" id=\"successBox\">\n <h3>\ud83c\udf89 Booking Confirmed<\/h3>\n <button onclick=\"downloadPDF()\">\ud83d\udce5 Download PDF<\/button><br><br>\n <a id=\"whatsappShare\" target=\"_blank\"><button style=\"background:green;\">\ud83d\udcf2 Share on WhatsApp<\/button><\/a>\n <\/div>\n<\/div>\n\n<script>\nlet photoBase64 = \"\";\nlet idBase64 = \"\";\n\nfunction previewImage(event) {\n let reader = new FileReader();\n reader.onload = function(){\n photoBase64 = reader.result;\n let img = document.getElementById(\"photoPreview\");\n img.src = reader.result;\n img.style.display = \"block\";\n }\n reader.readAsDataURL(event.target.files[0]);\n}\n\nfunction previewID(event) {\n let reader = new FileReader();\n reader.onload = function(){\n idBase64 = reader.result;\n let img = document.getElementById(\"idPreview\");\n img.src = reader.result;\n img.style.display = \"block\";\n }\n reader.readAsDataURL(event.target.files[0]);\n}\n\nfunction updateTotal() {\n let rate = parseInt(document.getElementById(\"safariType\").value);\n let persons = parseInt(document.getElementById(\"persons\").value);\n let total = rate * persons;\n document.getElementById(\"total\").innerText = \"Total: \u20b9\" + total;\n document.getElementById(\"qrcode\").src =\n \"https:\/\/api.qrserver.com\/v1\/create-qr-code\/?size=150x150&data=upi:\/\/pay?pa=happycamel@upi&pn=HappyCamelSafari&am=\" + total;\n}\n\nfunction confirmBooking() {\n let txn = document.getElementById(\"txn\").value;\n if(txn === \"\") { alert(\"\u26a0\ufe0f Please enter Transaction ID\"); return; }\n document.getElementById(\"successBox\").style.display = \"block\";\n\n let name = document.getElementById(\"name\").value;\n let date = document.getElementById(\"date\").value;\n let total = document.getElementById(\"total\").innerText;\n\n let msg = `\ud83d\udc2a Happy Camel Safari Booking \u2705\\nName: ${name}\\nDate: ${date}\\n${total}\\nTxn ID: ${txn}`;\n document.getElementById(\"whatsappShare\").href = \"https:\/\/wa.me\/919999999999?text=\" + encodeURIComponent(msg);\n}\n\nfunction downloadPDF() {\n const { jsPDF } = window.jspdf;\n const doc = new jsPDF();\n const pageWidth = doc.internal.pageSize.getWidth();\n const tableMargin = 20;\n\n doc.setFontSize(22);\n doc.setTextColor(139, 69, 19);\n doc.text(\"Happy Camel Safari\", tableMargin, 20);\n doc.setFontSize(10);\n doc.setTextColor(150, 150, 150);\n doc.text(\"Booking Confirmation Receipt\", tableMargin, 28);\n \n doc.setDrawColor(139, 69, 19);\n doc.line(tableMargin, 32, pageWidth - tableMargin, 32);\n\n let name = document.getElementById(\"name\").value;\n let email = document.getElementById(\"email\").value;\n let mobile = document.getElementById(\"mobile\").value;\n let date = document.getElementById(\"date\").value;\n let safariType = document.getElementById(\"safariType\").options[document.getElementById(\"safariType\").selectedIndex].text;\n let persons = document.getElementById(\"persons\").value;\n let total = document.getElementById(\"total\").innerText;\n let txn = document.getElementById(\"txn\").value;\n\n const tableData = [\n ['Name', name],\n ['Email', email],\n ['Mobile', mobile],\n ['Date', date],\n ['Safari Package', safariType],\n ['Persons', persons],\n ['Total', total],\n ['Transaction ID', txn]\n ];\n\n doc.autoTable({\n startY: 40,\n head: [['Field', 'Details']],\n body: tableData,\n theme: 'striped',\n styles: { fontSize: 10, cellPadding: 3 },\n headStyles: { fillColor: [139, 69, 19], textColor: [255, 255, 255] }\n });\n\n if (photoBase64) doc.addImage(photoBase64, \"JPEG\", pageWidth - 60, 50, 40, 40);\n if (idBase64) doc.addImage(idBase64, \"JPEG\", pageWidth - 60, 100, 40, 40);\n\n doc.save(\"HappyCamelSafari_Booking.pdf\");\n}\n<\/script>\n<\/body>\n<\/html>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<div class=\"wp-block-cover is-light\"><img decoding=\"async\" class=\"wp-block-cover__image-background\" alt=\"Close up photo of white flowers on a grey background\" src=\"https:\/\/happycamelsafari.sabpro.in\/wp-content\/themes\/twentytwentyfive\/assets\/images\/botany-flowers-closeup.webp\" data-object-fit=\"cover\"\/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-0 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Happy Camel Safari – Booking \ud83d\udc2a Happy Camel Safari Booking \ud83d\udc2a 1. Customer Info Name Email Mobile Number of Persons 1 Person2 Persons3 Persons4 Persons5 Persons Upload Photo Upload ID Proof 2. Safari Package Select Package Half Day (2 PM \u2013 9 PM) – \u20b91500\/personOvernight (2 PM \u2013 Next Day 11 AM) – \u20b92500\/person2 Day […]<\/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-179","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/happycamelsafari.sabpro.in\/index.php?rest_route=\/wp\/v2\/pages\/179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/happycamelsafari.sabpro.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/happycamelsafari.sabpro.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/happycamelsafari.sabpro.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/happycamelsafari.sabpro.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=179"}],"version-history":[{"count":3,"href":"https:\/\/happycamelsafari.sabpro.in\/index.php?rest_route=\/wp\/v2\/pages\/179\/revisions"}],"predecessor-version":[{"id":182,"href":"https:\/\/happycamelsafari.sabpro.in\/index.php?rest_route=\/wp\/v2\/pages\/179\/revisions\/182"}],"wp:attachment":[{"href":"https:\/\/happycamelsafari.sabpro.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}