{"id":12,"date":"2026-06-10T15:04:25","date_gmt":"2026-06-10T15:04:25","guid":{"rendered":"https:\/\/docmora.com\/?page_id=12"},"modified":"2026-06-10T15:04:25","modified_gmt":"2026-06-10T15:04:25","slug":"12-2","status":"publish","type":"page","link":"https:\/\/docmora.com\/?page_id=12","title":{"rendered":""},"content":{"rendered":"        <div class=\"dts-booking-form-wrapper\">\n            <h3 class=\"dts-booking-title\">Book Your Token &amp; Slot<\/h3>\n            \n                            <form class=\"dts-booking-form\" id=\"dts-booking-form\" enctype=\"multipart\/form-data\">\n                \n                <div class=\"dts-form-step active\" data-step=\"1\">\n                    <div class=\"dts-form-group\">\n                        <label for=\"dts-patient-name\">Your Full Name <span class=\"dts-required\">*<\/span><\/label>\n                        <input type=\"text\" id=\"dts-patient-name\" name=\"patient_name\" required \n                               placeholder=\"Enter your full name\">\n                    <\/div>\n                    \n                    <div class=\"dts-form-group\">\n                        <label for=\"dts-phone-number\">Phone Number <span class=\"dts-required\">*<\/span><\/label>\n                        <input type=\"tel\" id=\"dts-phone-number\" name=\"phone_number\" required \n                               placeholder=\"Enter your phone number\">\n                    <\/div>\n                    \n                    <!-- Doctor Dropdown Selector (if multiple exist) -->\n                                        \n                    <div class=\"dts-form-group\">\n                        <label for=\"dts-service\">Select Service <span class=\"dts-required\">*<\/span><\/label>\n                        <select id=\"dts-service\" name=\"service_id\" required>\n                            <option value=\"\">-- Select Service --<\/option>\n                                                            <option value=\"1\">\n                                    General Consultation (Rs. 500.00)\n                                <\/option>\n                                                    <\/select>\n                    <\/div>\n                    \n                    <div class=\"dts-form-grid-2\">\n                        <div class=\"dts-form-group\">\n                            <label for=\"dts-booking-date\">Choose Date <span class=\"dts-required\">*<\/span><\/label>\n                            <input type=\"date\" id=\"dts-booking-date\" name=\"booking_date\" required min=\"2026-06-11\" value=\"2026-06-11\">\n                        <\/div>\n                        \n                        <!-- Expected token display (aligned real-time) -->\n                        <div class=\"dts-form-group\" style=\"display:flex; flex-direction:column; justify-content:center;\">\n                            <div id=\"dts-alignment-token-badge\" class=\"dts-expected-token-badge\" style=\"display:none; margin-top:20px; background:var(--primary-light); color:var(--primary); padding:10px; border-radius:5px; border:1px solid rgba(37,99,235,0.2); font-weight:bold; font-size:12px; text-align:center;\">\n                                <i class=\"fa-solid fa-ticket\" style=\"margin-right:5px;\"><\/i> Next Available Token: #<span id=\"dts-alignment-token-num\">0<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Time slot selector: select dropdown -->\n                    <div class=\"dts-form-group\" style=\"margin-top: 15px;\">\n                        <label for=\"dts-booking-slot\">Select Time Slot <span class=\"dts-required\">*<\/span><\/label>\n                        <select id=\"dts-booking-slot\" name=\"booking_time\" required style=\"width:100%; padding:10px; border-radius:4px; border:1px solid #ccc; font-family:inherit;\">\n                            <option value=\"\">-- Select Doctor & Date First --<\/option>\n                        <\/select>\n                    <\/div>\n                <\/div>\n\n                <!-- Payment Methods Step -->\n                <div class=\"dts-form-group payment-selection-container\" style=\"margin-top:20px;\">\n                    <label>Payment Option <span class=\"dts-required\">*<\/span><\/label>\n                    <div class=\"dts-payment-methods\">\n                                                    <label class=\"dts-pay-card\">\n                                <input type=\"radio\" name=\"payment_method\" value=\"counter\" checked>\n                                <div class=\"dts-pay-card-content\">\n                                                                            <i class=\"fa-solid fa-hand-holding-dollar\"><\/i>                                                                        <span>At Counter<\/span>\n                                    <small>Pay cash at clinic arrival<\/small>\n                                <\/div>\n                            <\/label>\n                                                    <label class=\"dts-pay-card\">\n                                <input type=\"radio\" name=\"payment_method\" value=\"jazzcash\" >\n                                <div class=\"dts-pay-card-content\">\n                                                                            <i class=\"fa-solid fa-mobile-screen-button\"><\/i>                                                                        <span>JazzCash Transfer<\/span>\n                                    <small>Transfer digitally instantly<\/small>\n                                <\/div>\n                            <\/label>\n                                                    <label class=\"dts-pay-card\">\n                                <input type=\"radio\" name=\"payment_method\" value=\"easypaisa\" >\n                                <div class=\"dts-pay-card-content\">\n                                                                            <i class=\"fa-solid fa-mobile-screen-button\"><\/i>                                                                        <span>EasyPaisa Transfer<\/span>\n                                    <small>Transfer digitally instantly<\/small>\n                                <\/div>\n                            <\/label>\n                                            <\/div>\n                <\/div>\n\n                <!-- Digital Payment Details Panel (Hidden by Default) -->\n                <div class=\"dts-digital-instructions-panel\" id=\"dts-digital-instructions\" style=\"display: none;\">\n                    <h4>Digital Account Transfer Details<\/h4>\n                    <p class=\"instr-note\">Please transfer the service charges to our account and upload your receipt below:<\/p>\n                    \n                                            <div id=\"instr-jazzcash\" class=\"pay-instruction-block\" style=\"display: none;\">\n                                                        <div class=\"instr-text\">JazzCash Account: 03001234567\\nName: Clinic Admin<\/div>\n                        <\/div>\n                                            <div id=\"instr-easypaisa\" class=\"pay-instruction-block\" style=\"display: none;\">\n                                                        <div class=\"instr-text\">EasyPaisa Account: 03451234567\\nName: Clinic Admin<\/div>\n                        <\/div>\n                    \n                    <!-- Receipt Upload -->\n                    <div class=\"dts-form-group dts-upload-group\">\n                        <label for=\"dts-payment-screenshot\">Upload Payment Receipt Screenshot <span class=\"dts-required\">*<\/span><\/label>\n                        <div class=\"dts-file-upload-wrapper\">\n                            <input type=\"file\" id=\"dts-payment-screenshot\" name=\"payment_screenshot\" accept=\"image\/*\">\n                            <div class=\"dts-file-upload-trigger\">\n                                <i class=\"fa-solid fa-cloud-arrow-up\"><\/i>\n                                <span>Choose receipt screenshot...<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"dts-preview-image-container\" id=\"dts-screenshot-preview-container\" style=\"display: none;\">\n                            <img decoding=\"async\" id=\"dts-screenshot-preview\" src=\"#\" alt=\"Receipt Preview\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <button type=\"submit\" class=\"dts-submit-btn\">\n                    <span class=\"dts-btn-text\">Confirm Booking<\/span>\n                    <span class=\"dts-btn-loading\" style=\"display:none;\">\n                        <i class=\"fa-solid fa-spinner fa-spin\"><\/i> Processing...                    <\/span>\n                <\/button>\n            <\/form>\n                        \n            <div class=\"dts-booking-result\" id=\"dts-booking-result\" style=\"display:none;\"><\/div>\n            <div style=\"margin-top:20px; font-size:11px; opacity:0.5; text-align:center;\">Created Developed by Docmora<\/div>\n        <\/div>\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/docmora.com\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docmora.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docmora.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docmora.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docmora.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":1,"href":"https:\/\/docmora.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":14,"href":"https:\/\/docmora.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/14"}],"wp:attachment":[{"href":"https:\/\/docmora.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}