{"id":22,"date":"2025-07-31T07:03:24","date_gmt":"2025-07-31T07:03:24","guid":{"rendered":"https:\/\/dj.rampratapsiyag.com\/?page_id=22"},"modified":"2025-07-31T08:31:16","modified_gmt":"2025-07-31T08:31:16","slug":"dj-booking","status":"publish","type":"page","link":"https:\/\/dj.rampratapsiyag.com\/?page_id=22","title":{"rendered":"DJ Booking"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-style-section-4 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained is-style-section-4--1\" style=\"min-height:100vh;margin-top:0;margin-bottom:0\">\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<section id=\"booking\" style=\"background:#000; color:#fff; padding:40px; text-align:center;\">\n    <h2 style=\"color:#ff00ff;\">DJ Booking Form<\/h2>\n    <form id=\"djBookingForm\" style=\"max-width:400px;margin:auto;text-align:left;\">\n        <label>\u0928\u093e\u092e:<\/label>\n        <input type=\"text\" id=\"name\" required style=\"width:100%;padding:8px;margin-bottom:10px;\">\n\n        <label>\u092e\u094b\u092c\u093e\u0907\u0932 \u0928\u0902\u092c\u0930:<\/label>\n        <input type=\"tel\" id=\"phone\" required style=\"width:100%;padding:8px;margin-bottom:10px;\">\n\n        <label>\u0907\u0935\u0947\u0902\u091f \u091f\u093e\u0907\u092a:<\/label>\n        <select id=\"eventType\" required style=\"width:100%;padding:8px;margin-bottom:10px;\">\n            <option value=\"\">\u091a\u0941\u0928\u0947\u0902<\/option>\n            <option>Wedding<\/option>\n            <option>Birthday Party<\/option>\n            <option>Corporate Event<\/option>\n            <option>Club Show<\/option>\n        <\/select>\n\n        <label>\u0907\u0935\u0947\u0902\u091f \u0915\u0940 \u0924\u093e\u0930\u0940\u0916:<\/label>\n        <input type=\"date\" id=\"eventDate\" required style=\"width:100%;padding:8px;margin-bottom:10px;\">\n\n        <label>\u092a\u0948\u0915\u0947\u091c \u091a\u0941\u0928\u0947\u0902 (\u20b9):<\/label>\n        <select id=\"amount\" required onchange=\"generateQR()\" style=\"width:100%;padding:8px;margin-bottom:10px;\">\n            <option value=\"\">\u091a\u0941\u0928\u0947\u0902<\/option>\n            <option value=\"10000\">\u20b910,000<\/option>\n            <option value=\"12000\">\u20b912,000<\/option>\n            <option value=\"15000\">\u20b915,000<\/option>\n            <option value=\"16000\">\u20b916,000<\/option>\n        <\/select>\n\n        <div id=\"qrSection\" style=\"text-align:center;margin-top:20px; display:none;\">\n            <p style=\"color:#ff00ff;\">UPI QR Code \u0938\u0947 \u092a\u0947\u092e\u0947\u0902\u091f \u0915\u0930\u0947\u0902:<\/p>\n            <canvas id=\"qrCodeCanvas\"><\/canvas>\n        <\/div>\n\n        <label>\u091f\u094d\u0930\u093e\u0902\u091c\u0948\u0915\u094d\u0936\u0928 \u0906\u0908\u0921\u0940:<\/label>\n        <input type=\"text\" id=\"txnId\" required style=\"width:100%;padding:8px;margin-bottom:10px;\">\n\n        <button type=\"button\" onclick=\"generatePDF()\" style=\"background:#ff00ff;color:#fff;border:none;padding:10px;width:100%;margin-top:10px;\">\u092c\u0941\u0915\u093f\u0902\u0917 \u0915\u0928\u094d\u092b\u093c\u0930\u094d\u092e \u0915\u0930\u0947\u0902 \u0914\u0930 PDF \u0921\u093e\u0909\u0928\u0932\u094b\u0921 \u0915\u0930\u0947\u0902<\/button>\n    <\/form>\n<\/section>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/qrious\/4.0.2\/qrious.min.js\"><\/script>\n<script>\nfunction generateQR() {\n    const amount = document.getElementById('amount').value;\n    if (amount) {\n        const upiID = \"spramderiya@oksbi\"; \/\/ \u0906\u092a\u0915\u093e UPI ID\n        const name = \"DJ Ram Pratap Siyag\";\n        const upiLink = `upi:\/\/pay?pa=${upiID}&pn=${name}&am=${amount}&cu=INR`;\n\n        document.getElementById('qrSection').style.display = 'block';\n        const qr = new QRious({\n            element: document.getElementById('qrCodeCanvas'),\n            value: upiLink,\n            size: 200\n        });\n    } else {\n        document.getElementById('qrSection').style.display = 'none';\n    }\n}\n\nfunction generatePDF() {\n    const name = document.getElementById('name').value;\n    const phone = document.getElementById('phone').value;\n    const eventType = document.getElementById('eventType').value;\n    const eventDate = document.getElementById('eventDate').value;\n    const amount = document.getElementById('amount').value;\n    const txnId = document.getElementById('txnId').value;\n\n    const bookingDetails = `\n        DJ Booking Confirmation\n        -----------------------\n        Name: ${name}\n        Phone: ${phone}\n        Event Type: ${eventType}\n        Event Date: ${eventDate}\n        Package: \u20b9${amount}\n        Transaction ID: ${txnId}\n        Status: Confirmed\n    `;\n\n    const blob = new Blob([bookingDetails], { type: 'text\/plain' });\n    const link = document.createElement('a');\n    link.href = URL.createObjectURL(blob);\n    link.download = \"DJ_Booking_Confirmation.txt\";\n    link.click();\n}\n<\/script>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>DJ Booking Form \u0928\u093e\u092e: \u092e\u094b\u092c\u093e\u0907\u0932 \u0928\u0902\u092c\u0930: \u0907\u0935\u0947\u0902\u091f \u091f\u093e\u0907\u092a: \u091a\u0941\u0928\u0947\u0902WeddingBirthday PartyCorporate EventClub Show \u0907\u0935\u0947\u0902\u091f \u0915\u0940 \u0924\u093e\u0930\u0940\u0916: \u092a\u0948\u0915\u0947\u091c \u091a\u0941\u0928\u0947\u0902 (\u20b9): \u091a\u0941\u0928\u0947\u0902\u20b910,000\u20b912,000\u20b915,000\u20b916,000 UPI QR Code \u0938\u0947 \u092a\u0947\u092e\u0947\u0902\u091f \u0915\u0930\u0947\u0902: \u091f\u094d\u0930\u093e\u0902\u091c\u0948\u0915\u094d\u0936\u0928 \u0906\u0908\u0921\u0940: \u092c\u0941\u0915\u093f\u0902\u0917 \u0915\u0928\u094d\u092b\u093c\u0930\u094d\u092e \u0915\u0930\u0947\u0902 \u0914\u0930 PDF \u0921\u093e\u0909\u0928\u0932\u094b\u0921 \u0915\u0930\u0947\u0902<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dj.rampratapsiyag.com\/index.php?rest_route=\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dj.rampratapsiyag.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dj.rampratapsiyag.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dj.rampratapsiyag.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dj.rampratapsiyag.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22"}],"version-history":[{"count":2,"href":"https:\/\/dj.rampratapsiyag.com\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":42,"href":"https:\/\/dj.rampratapsiyag.com\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions\/42"}],"wp:attachment":[{"href":"https:\/\/dj.rampratapsiyag.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}