{"id":40,"date":"2025-08-18T10:41:02","date_gmt":"2025-08-18T10:41:02","guid":{"rendered":"https:\/\/jaisalmerguide.sabpro.in\/?page_id=40"},"modified":"2025-08-18T11:44:12","modified_gmt":"2025-08-18T11:44:12","slug":"%e0%a4%b9%e0%a5%80%e0%a4%b0%e0%a4%be%e0%a4%b0%e0%a4%be%e0%a4%ae","status":"publish","type":"page","link":"https:\/\/jaisalmerguide.sabpro.in\/?page_id=40","title":{"rendered":"Book"},"content":{"rendered":"\n<!-- Styles -->\n<style>\n  body {\n    font-family: Arial, sans-serif;\n    background: #f4f7fa;\n    margin: 0;\n    padding: 0;\n  }\n  .page-container {\n    max-width: 900px;\n    margin: auto;\n    padding: 20px;\n  }\n  header {\n    text-align: center;\n    padding: 20px;\n    background: linear-gradient(90deg, #0073e6, #00c6ff);\n    color: white;\n    border-radius: 12px;\n  }\n  header h1 {\n    margin: 0;\n    font-size: 28px;\n  }\n  .section {\n    background: white;\n    margin-top: 20px;\n    padding: 20px;\n    border-radius: 12px;\n    box-shadow: 0 0 10px rgba(0,0,0,0.1);\n  }\n  h2 {\n    color: #333;\n    margin-bottom: 15px;\n  }\n  form input, form select, form button {\n    width: 100%;\n    padding: 10px;\n    margin-top: 10px;\n    border-radius: 6px;\n    border: 1px solid #ccc;\n  }\n  form button {\n    background: green;\n    color: white;\n    border: none;\n    font-size: 16px;\n    cursor: pointer;\n  }\n  form button:hover {\n    background: darkgreen;\n  }\n  .qr-code {\n    text-align: center;\n    margin-top: 10px;\n  }\n  .qr-code img {\n    width: 150px;\n    border: 4px solid #0073e6;\n    border-radius: 12px;\n    padding: 8px;\n    background: #fff;\n  }\n  .hidden {\n    display: none;\n  }\n  .btn-call {\n    display: inline-block;\n    padding: 12px 20px;\n    background: #ff6600;\n    color: white;\n    text-decoration: none;\n    font-weight: bold;\n    border-radius: 8px;\n  }\n  .btn-call:hover {\n    background: #cc5200;\n  }\n  .share-btn {\n    display: inline-block;\n    margin-top: 10px;\n    padding: 10px 15px;\n    background: #25d366;\n    color: white;\n    border-radius: 8px;\n    text-decoration: none;\n    font-weight: bold;\n  }\n  .share-btn:hover {\n    background: #128c7e;\n  }\n<\/style>\n\n<div class=\"page-container\">\n\n  <!-- Header -->\n  <header>\n    <h1>\ud83d\ude4f Heeraram \u2013 Jaisalmer Guide Booking \ud83d\ude4f<\/h1>\n    <p>Fill booking details, confirm payment, download your colorful ticket \ud83c\udf9f\ufe0f<\/p>\n  <\/header>\n\n  <!-- Booking Section -->\n  <div class=\"section\">\n    <h2>\ud83d\udcdd Booking Form<\/h2>\n    <form id=\"bookingForm\">\n      <label>Your Name<\/label>\n      <input type=\"text\" id=\"name\" placeholder=\"Enter your full name\" required>\n\n      <label>Mobile Number<\/label>\n      <input type=\"tel\" id=\"mobile\" placeholder=\"Enter your mobile number\" required>\n\n      <label>Choose Service<\/label>\n      <select id=\"service\" required>\n        <option value=\"\">&#8212; Select a service &#8212;<\/option>\n        <option>City Sightseeing Tour<\/option>\n        <option>Desert Safari<\/option>\n        <option>Fort &#038; Heritage Tour<\/option>\n        <option>Custom Guide Service<\/option>\n      <\/select>\n\n      <label>Booking Date<\/label>\n      <input type=\"date\" id=\"date\" required>\n\n      <button type=\"submit\">\ud83d\udccc Submit Booking<\/button>\n    <\/form>\n  <\/div>\n\n  <!-- Payment Section -->\n  <div class=\"section hidden\" id=\"paymentSection\">\n    <h2>\ud83d\udcb3 Payment Section (Heeraram)<\/h2>\n    <p><b>UPI ID:<\/b> heeraram@upi<\/p>\n\n    <div class=\"qr-code\">\n      <img decoding=\"async\" src=\"https:\/\/api.qrserver.com\/v1\/create-qr-code\/?data=upi:\/\/pay?pa=heeraram@upi&#038;pn=Heeraram&#038;am=&#038;cu=INR\" alt=\"Heeraram Payment QR\">\n      <p>Scan the QR code to make payment<\/p>\n    <\/div>\n\n    <form id=\"paymentForm\">\n      <label>Transaction ID<\/label>\n      <input type=\"text\" id=\"txnId\" placeholder=\"Enter your payment transaction ID\" required>\n      <button type=\"submit\">\u2705 Confirm Payment<\/button>\n    <\/form>\n  <\/div>\n\n  <!-- Ticket Section -->\n  <div class=\"section hidden\" id=\"ticketSection\">\n    <h2>\ud83c\udf9f\ufe0f Your Booking Ticket<\/h2>\n    <p>Download or Share your colorful PDF Ticket.<\/p>\n    <button onclick=\"downloadPDF()\">\ud83d\udce5 Download Ticket PDF<\/button>\n    <a id=\"whatsappShare\" href=\"#\" class=\"share-btn\" target=\"_blank\">\ud83d\udcf2 Share via WhatsApp<\/a>\n  <\/div>\n\n  <!-- Contact Section -->\n  <div class=\"section\">\n    <h2>\ud83d\udcde Contact Heeraram<\/h2>\n    <p>For direct bookings, call:<\/p>\n    <a href=\"tel:+918209740355\" class=\"btn-call\">\ud83d\udcde Call Heeraram<\/a>\n  <\/div>\n\n<\/div>\n\n<!-- JS + PDF Library -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\n<script>\n  let bookingData = {};\n\n  \/\/ Show Payment after Booking\n  document.getElementById(\"bookingForm\").addEventListener(\"submit\", function(e) {\n    e.preventDefault();\n    bookingData.name = document.getElementById(\"name\").value;\n    bookingData.mobile = document.getElementById(\"mobile\").value;\n    bookingData.service = document.getElementById(\"service\").value;\n    bookingData.date = document.getElementById(\"date\").value;\n    document.getElementById(\"paymentSection\").classList.remove(\"hidden\");\n    alert(\"Booking details submitted \u2705 Now make payment.\");\n    window.location.hash = \"paymentSection\";\n  });\n\n  \/\/ Show Ticket after Payment\n  document.getElementById(\"paymentForm\").addEventListener(\"submit\", function(e) {\n    e.preventDefault();\n    bookingData.txnId = document.getElementById(\"txnId\").value;\n    document.getElementById(\"ticketSection\").classList.remove(\"hidden\");\n    alert(\"Payment confirmed \u2705 Your ticket is ready.\");\n    window.location.hash = \"ticketSection\";\n\n    \/\/ WhatsApp Share Link\n    let msg = `\ud83c\udf9f\ufe0f Heeraram Jaisalmer Guide Booking\\n\\nName: ${bookingData.name}\\nMobile: ${bookingData.mobile}\\nService: ${bookingData.service}\\nDate: ${bookingData.date}\\nTransaction ID: ${bookingData.txnId}\\n\\n\u2705 Booking Confirmed!`;\n    document.getElementById(\"whatsappShare\").href = \"https:\/\/wa.me\/?text=\" + encodeURIComponent(msg);\n  });\n\n  \/\/ Generate Colorful PDF Ticket\n  function downloadPDF(){\n    const { jsPDF } = window.jspdf;\n    const doc = new jsPDF();\n\n    doc.setFillColor(0, 115, 230);\n    doc.rect(0,0,210,30,\"F\");\n    doc.setFontSize(18);\n    doc.setTextColor(255,255,255);\n    doc.text(\"Heeraram \u2013 Jaisalmer Guide Ticket\", 20, 20);\n\n    doc.setFontSize(12);\n    doc.setTextColor(0,0,0);\n    doc.text(`Name: ${bookingData.name}`, 20, 50);\n    doc.text(`Mobile: ${bookingData.mobile}`, 20, 60);\n    doc.text(`Service: ${bookingData.service}`, 20, 70);\n    doc.text(`Date: ${bookingData.date}`, 20, 80);\n    doc.text(`Transaction ID: ${bookingData.txnId}`, 20, 90);\n\n    doc.setFillColor(255,215,0);\n    doc.rect(20,100,170,20,\"F\");\n    doc.setTextColor(0,0,0);\n    doc.text(\"\ud83c\udf9f\ufe0f Booking Confirmed \u2013 Thank you!\", 60, 113);\n\n    doc.save(\"Heeraram_Ticket.pdf\");\n  }\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\ude4f Heeraram \u2013 Jaisalmer Guide Booking \ud83d\ude4f Fill booking details, confirm payment, download your colorful ticket \ud83c\udf9f\ufe0f \ud83d\udcdd Booking Form Your Name Mobile Number Choose Service &#8212; Select a service &#8212;City Sightseeing TourDesert SafariFort &#038; Heritage TourCustom Guide Service Booking Date \ud83d\udccc Submit Booking \ud83d\udcb3 Payment Section (Heeraram) UPI ID: heeraram@upi Scan the QR code [&hellip;]<\/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-40","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jaisalmerguide.sabpro.in\/index.php?rest_route=\/wp\/v2\/pages\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jaisalmerguide.sabpro.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jaisalmerguide.sabpro.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jaisalmerguide.sabpro.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jaisalmerguide.sabpro.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=40"}],"version-history":[{"count":6,"href":"https:\/\/jaisalmerguide.sabpro.in\/index.php?rest_route=\/wp\/v2\/pages\/40\/revisions"}],"predecessor-version":[{"id":50,"href":"https:\/\/jaisalmerguide.sabpro.in\/index.php?rest_route=\/wp\/v2\/pages\/40\/revisions\/50"}],"wp:attachment":[{"href":"https:\/\/jaisalmerguide.sabpro.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}