{"id":2,"date":"2025-07-24T11:22:20","date_gmt":"2025-07-24T11:22:20","guid":{"rendered":"https:\/\/www.neobookandpay.com\/use-cases\/dental-clinic\/?page_id=2"},"modified":"2025-07-25T13:14:17","modified_gmt":"2025-07-25T13:14:17","slug":"booking","status":"publish","type":"page","link":"https:\/\/www.neobookandpay.com\/use-cases\/dental-clinic\/booking\/","title":{"rendered":"Booking"},"content":{"rendered":"<h3 style=\"text-align: center;\">Book appointment widget for website \u2013 Easy Way for Your Clients to Book<\/h3>\n<p><strong>Demo 1<\/strong><\/p>\n\n<div class=\"nbap\">\t<div id=\"booking_69e312bbcf501\">\t\n\t\t\t\t\t\t\t<div class=\"row justify-content-center\">\n\t\t\t\t<div class=\"col-md-11\">\n\t\t\t\t\t<div class=\"d-flex justify-content-between align-items-center mb-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"step text-center flex-fill\">\n\t\t\t\t\t\t\t\t<div class=\"circle active\">1<\/div>\n\t\t\t\t\t\t\t\t<div class=\"step-label\">Services<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"bar flex-fill\"><\/div>\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"step text-center flex-fill\">\n\t\t\t\t\t\t\t\t<div class=\"circle \">2<\/div>\n\t\t\t\t\t\t\t\t<div class=\"step-label\">Timeslot<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"bar flex-fill\"><\/div>\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"step text-center flex-fill\">\n\t\t\t\t\t\t\t\t<div class=\"circle \">3<\/div>\n\t\t\t\t\t\t\t\t<div class=\"step-label\">Details<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"bar flex-fill\"><\/div>\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"step text-center flex-fill\">\n\t\t\t\t\t\t\t\t<div class=\"circle \">4<\/div>\n\t\t\t\t\t\t\t\t<div class=\"step-label\">Payment<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<style type=\"text\/css\">\n\t\t\t\t.nbap #booking_69e312bbcf501 .circle.active {\n\t\t\t\t\tbackground: #049ebb;\n\t\t\t\t\tcolor: #ffffff;\n\t\t\t\t\tborder-color: #049ebb;\n\t\t\t\t\tbox-shadow: 0 0 0 2px #049ebb;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t.nbap #booking_69e312bbcf501 .circle.completed {\n\t\t\t\t\tbackground: #198754;\n\t\t\t\t\tcolor: #ffffff;\n\t\t\t\t\tborder-color: #198754;\n\t\t\t\t\tbox-shadow: 0 0 0 2px #198754;\n\t\t\t\t}\n\n\t\t\t\t.nbap #booking_69e312bbcf501 .active + .step-label,\n\t\t\t\t.nbap #booking_69e312bbcf501 .circle.active ~ .step-label {\n\t\t\t\t\tcolor: #049ebb;\n\t\t\t\t}\n\t\t\t<\/style>\n\t\t\t\t<div class=\"booking-steps bg-white shadow border p-4\">\n\t\t\t<form action=\"https:\/\/www.neobookandpay.com\/use-cases\/dental-clinic\/?page=nbap-frontend&amp;action=save_booking&amp;_wpnonce=d512e4e827\" class=\"popalert\" method=\"post\" data-ajax=\"true\" data-ajax-method=\"post\" data-ajax-begin=\"onBegin\" data-ajax-success=\"onSuccess\" data-ajax-failure=\"onFailure\">\t\t\t\t<h1 class=\"fs-3 text-center mt-2 mb-4 service_staff d-none\">Time slots for <b class=\"service_title\"><\/b> <span class=\"by_text\">by<\/span> <b class=\"staff_title\"><\/b><\/h1>\n\t\t\t\t<div class=\"text-center fs-6 mb-2 bookingDate d-none\"><b>Booking Date: <\/b><span><\/span><\/div>\n\t\t\t\t<div class=\"text-center fs-6 mb-2 bookingTime d-none\"><b>Booking Time: <\/b><span><\/span><\/div>\n\t\t\t\t<div class=\"text-center fs-6 mb-4 bookingAmount d-none\"><b>Booking Amount: <\/b><span><\/span><\/div>\n\t\t\t\t<div class=\"BookingInformation\">\n\t\t\t\t\t<input type=\"hidden\" name=\"unique_id\" id=\"unique_id\" value=\"booking_69e312bbcf501\" \/>\n\t\t\t\t\t<input type=\"hidden\" name=\"staff_service_id\" id=\"staff_service_id\" value=\"0\" \/>\n\t\t\t\t\t<div class=\"row row-cols-md-3 row-cols-sm-2 row-cols-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col form-group mb-3\">\n\t\t\t\t\t\t\t\t<label class=\"form-label fw-bold\" for=\"service_category\">Category<\/label>\n\t\t\t\t\t\t\t\t<select class=\"form-select\" name=\"service_category\" id=\"service_category\" data-val=\"true\" data-val-required=\"Please select category\"><option value=\"\">Select<\/option><option value=\"Cardiology\">Cardiology<\/option>\n<option value=\"Neurology\">Neurology<\/option>\n<option value=\"Orthopedics\">Orthopedics<\/option>\n<option value=\"Emergency Care\">Emergency Care<\/option>\n<option value=\"Pediatrics\">Pediatrics<\/option>\n<option value=\"Dermatology\">Dermatology<\/option>\n<option value=\"Oncology\">Oncology<\/option>\n<\/select>\n\t\t\t\t\t\t\t\t<div class=\"text-danger\" data-valmsg-for=\"service_category\" data-valmsg-replace=\"true\"><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col form-group mb-3\">\n\t\t\t\t\t\t\t<label class=\"form-label fw-bold\" for=\"service_id\">Service<\/label>\n\t\t\t\t\t\t\t<select class=\"form-select\" name=\"service_id\" id=\"service_id\" data-val=\"true\" data-val-required=\"Please select service\"><option value=\"\">Select<\/option><option value=\"1\">Cardiology Excellence<\/option>\n<option value=\"2\">Neurology &amp; Brain Health<\/option>\n<option value=\"3\">Orthopedic Surgery<\/option>\n<option value=\"5\">Pediatrics<\/option>\n<option value=\"6\">Dermatology Service<\/option>\n<option value=\"7\">Oncology<\/option>\n<\/select>\n\t\t\t\t\t\t\t<div class=\"text-danger\" data-valmsg-for=\"service_id\" data-valmsg-replace=\"true\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col form-group mb-3\">\n\t\t\t\t\t\t\t\t<label class=\"form-label fw-bold\" for=\"staff_id\">Employee<\/label>\n\t\t\t\t\t\t\t\t<select class=\"form-select\" name=\"staff_id\" id=\"staff_id\" data-val=\"true\" data-val-number=\"Invalid employee.\"><option value=\"\">Any<\/option><option value=\"1\">Dr. Sarah Mitchell<\/option>\n<option value=\"2\">Dr. Michael Rodriguez<\/option>\n<option value=\"3\">Dr. Emily Chen<\/option>\n<option value=\"4\">Dr. Robert Kim<\/option>\n<option value=\"5\">Dr. James Thompson<\/option>\n<option value=\"6\">Dr. Lisa Anderson<\/option>\n<option value=\"7\">Dr. Robert Kim<\/option>\n<\/select>\n\t\t\t\t\t\t\t\t<div class=\"text-danger\" data-valmsg-for=\"staff_id\" data-valmsg-replace=\"true\"><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col form-group mb-3\">\n\t\t\t<label class=\"form-label fw-bold\" for=\"capacity\">Number of persons<\/label>\n\t\t\t<select class=\"form-select\" name=\"capacity\" id=\"capacity\" data-val=\"true\" data-val-number=\"Invalid number of persons.\"><option value=\"1\" selected=\"selected\">1<\/option>\n<option value=\"2\">2<\/option>\n<option value=\"3\">3<\/option>\n<option value=\"4\">4<\/option>\n<option value=\"5\">5<\/option>\n<option value=\"6\">6<\/option>\n<option value=\"7\">7<\/option>\n<option value=\"8\">8<\/option>\n<option value=\"9\">9<\/option>\n<option value=\"10\">10<\/option>\n<\/select>\n\t\t\t<div class=\"text-danger\" data-valmsg-for=\"capacity\" data-valmsg-replace=\"true\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"col form-group mb-3\">\n\t\t\t\t\t\t\t<label class=\"form-label fw-bold\" for=\"start_date\">Available on or after<\/label>\n\t\t\t\t\t\t\t<input type=\"date\" class=\"form-control\" readonly=\"readonly\" data-val-date=\"true\" name=\"start_date\" id=\"start_date\" value=\"2026-04-18\" data-min-date=\"2026-04-18\" data-max-date=\"2026-06-17\" \/>\n\t\t\t\t\t\t\t<div class=\"text-danger\" data-valmsg-for=\"start_date\" data-valmsg-replace=\"true\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"col form-group mb-3 pe-4\">\n\t\t\t\t\t\t\t<label class=\"form-label fw-bold\" for=\"days\">Day<\/label>\n\t\t\t\t\t\t\t<div class=\"row gx-3 text-center\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-auto\">\n\t\t\t\t\t\t\t\t\t\t<label class=\"d-block mb-1\" for=\"days1\">Mon<\/label>\n\t\t\t\t\t\t\t\t\t\t<input checked type=\"checkbox\" class=\"form-check-input rounded-circle pointer\" name=\"days[]\" id=\"days1\" value=\"1\" style=\"width:24px;height:24px\" \/>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-auto\">\n\t\t\t\t\t\t\t\t\t\t<label class=\"d-block mb-1\" for=\"days2\">Tue<\/label>\n\t\t\t\t\t\t\t\t\t\t<input checked type=\"checkbox\" class=\"form-check-input rounded-circle pointer\" name=\"days[]\" id=\"days2\" value=\"2\" style=\"width:24px;height:24px\" \/>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-auto\">\n\t\t\t\t\t\t\t\t\t\t<label class=\"d-block mb-1\" for=\"days3\">Wed<\/label>\n\t\t\t\t\t\t\t\t\t\t<input checked type=\"checkbox\" class=\"form-check-input rounded-circle pointer\" name=\"days[]\" id=\"days3\" value=\"3\" style=\"width:24px;height:24px\" \/>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-auto\">\n\t\t\t\t\t\t\t\t\t\t<label class=\"d-block mb-1\" for=\"days4\">Thu<\/label>\n\t\t\t\t\t\t\t\t\t\t<input checked type=\"checkbox\" class=\"form-check-input rounded-circle pointer\" name=\"days[]\" id=\"days4\" value=\"4\" style=\"width:24px;height:24px\" \/>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-auto\">\n\t\t\t\t\t\t\t\t\t\t<label class=\"d-block mb-1\" for=\"days5\">Fri<\/label>\n\t\t\t\t\t\t\t\t\t\t<input checked type=\"checkbox\" class=\"form-check-input rounded-circle pointer\" name=\"days[]\" id=\"days5\" value=\"5\" style=\"width:24px;height:24px\" \/>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-auto\">\n\t\t\t\t\t\t\t\t\t\t<label class=\"d-block mb-1\" for=\"days6\">Sat<\/label>\n\t\t\t\t\t\t\t\t\t\t<input checked type=\"checkbox\" class=\"form-check-input rounded-circle pointer\" name=\"days[]\" id=\"days6\" value=\"6\" style=\"width:24px;height:24px\" \/>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"text-danger\" data-valmsg-for=\"days\" data-valmsg-replace=\"true\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"col-auto form-group mb-3\">\n\t\t\t\t\t\t\t<label class=\"form-label fw-bold\" for=\"start_time\">Start From<\/label>\n\t\t\t\t\t\t\t<select class=\"form-select select2\" data-placeholder=\"Select\" name=\"start_time\" id=\"start_time\"><option value=\"10:00:00\" selected=\"selected\">10:00 am<\/option>\n<option value=\"10:30:00\">10:30 am<\/option>\n<option value=\"11:00:00\">11:00 am<\/option>\n<option value=\"11:30:00\">11:30 am<\/option>\n<option value=\"12:00:00\">12:00 pm<\/option>\n<option value=\"12:30:00\">12:30 pm<\/option>\n<option value=\"13:00:00\">1:00 pm<\/option>\n<option value=\"13:30:00\">1:30 pm<\/option>\n<option value=\"14:00:00\">2:00 pm<\/option>\n<option value=\"14:30:00\">2:30 pm<\/option>\n<option value=\"15:00:00\">3:00 pm<\/option>\n<option value=\"15:30:00\">3:30 pm<\/option>\n<option value=\"16:00:00\">4:00 pm<\/option>\n<option value=\"16:30:00\">4:30 pm<\/option>\n<option value=\"17:00:00\">5:00 pm<\/option>\n<\/select>\n\t\t\t\t\t\t\t<div class=\"text-danger\" data-valmsg-for=\"start_time\" data-valmsg-replace=\"true\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"col-auto form-group mb-3\">\n\t\t\t\t\t\t\t<label class=\"form-label fw-bold\" for=\"end_time\">Finish by<\/label>\n\t\t\t\t\t\t\t<select class=\"form-select select2\" data-placeholder=\"Select\" name=\"end_time\" id=\"end_time\"><option value=\"10:00:00\">10:00 am<\/option>\n<option value=\"10:30:00\">10:30 am<\/option>\n<option value=\"11:00:00\">11:00 am<\/option>\n<option value=\"11:30:00\">11:30 am<\/option>\n<option value=\"12:00:00\">12:00 pm<\/option>\n<option value=\"12:30:00\">12:30 pm<\/option>\n<option value=\"13:00:00\">1:00 pm<\/option>\n<option value=\"13:30:00\">1:30 pm<\/option>\n<option value=\"14:00:00\">2:00 pm<\/option>\n<option value=\"14:30:00\">2:30 pm<\/option>\n<option value=\"15:00:00\">3:00 pm<\/option>\n<option value=\"15:30:00\">3:30 pm<\/option>\n<option value=\"16:00:00\">4:00 pm<\/option>\n<option value=\"16:30:00\">4:30 pm<\/option>\n<option value=\"17:00:00\">5:00 pm<\/option>\n<option value=\"17:30:00\">5:30 pm<\/option>\n<option value=\"18:00:00\" selected=\"selected\">6:00 pm<\/option>\n<\/select>\n\t\t\t\t\t\t\t<div class=\"text-danger\" data-valmsg-for=\"end_time\" data-valmsg-replace=\"true\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<hr\/>\n\t\t\t\t\t<div class=\"text-end\"><button type=\"button\" class=\"btn btn-primary\" onclick=\"findSlots(this);\">Next<i class='bi bi-caret-right-fill'><\/i><\/button>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"BookingSlotsContainer form-group d-none\">\n\t\t\t\t\t<div class=\"BookingSlots ajaxloader\"><\/div>\n\t\t\t\t\t<input type=\"radio\" class=\"d-none\" name=\"booking_date_time\" id=\"booking_date_time\" value=\"\" data-val=\"true\" data-val-required=\"Please select booking date\/time\" \/>\n\t\t\t\t\t<div class=\"text-danger\" data-valmsg-for=\"booking_date_time\" data-valmsg-replace=\"true\"><\/div>\n\t\t\t\t\t<input type=\"hidden\" name=\"id\" id=\"id\" value=\"\" data-val=\"true\" data-val-required=\"Please select a service\" data-val-number=\"Invalid service id.\" \/>\n\t\t\t\t\t<div class=\"text-danger\" data-valmsg-for=\"id\" data-valmsg-replace=\"true\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"CustomerInformation d-none\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"PaymentModeContainer form-group mb-3 text-center\">\n\t\t\t\t\t\t\t<div class=\"d-inline-block border px-3 py-2 bg-light\">\n\t\t\t\t\t\t\t\t<div class='form-check form-check-inline mb-0 full'><input checked type=\"radio\" class=\"form-check-input\" name=\"payment_mode\" id=\"payment_mode-0booking_69e312bbcf501\" value=\"full\" data-val=\"true\" data-val-required=\"Please select payment mode\" \/>\n<label class=\"form-check-label\" for=\"payment_mode-0booking_69e312bbcf501\"><b>Full payment - <\/b><span>\u20b92.00<\/span><\/label>\n<\/div><div class='form-check form-check-inline mb-0 deposit'><input type=\"radio\" class=\"form-check-input\" name=\"payment_mode\" id=\"payment_mode-1booking_69e312bbcf501\" value=\"deposit\" data-val=\"true\" data-val-required=\"Please select payment mode\" \/>\n<label class=\"form-check-label\" for=\"payment_mode-1booking_69e312bbcf501\"><b>Deposit - <\/b><span>\u20b91.00<\/span><\/label>\n<\/div>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"text-danger\" data-valmsg-for=\"payment_mode\" data-valmsg-replace=\"true\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t<div class=\"col-sm form-group mb-3\">\n\t\t\t\t\t\t\t<label class=\"form-label\" for=\"customer_first_name\">First Name<\/label>\n\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" name=\"customer_first_name\" id=\"customer_first_name\" value=\"\" data-val=\"true\" data-val-required=\"Please enter first name\" data-val-minlength=\"Please enter at least 3 chars for first name\" data-val-minlength-min=\"3\" \/>\n\t\t\t\t\t\t\t<div class=\"text-danger\" data-valmsg-for=\"customer_first_name\" data-valmsg-replace=\"true\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"col-sm form-group mb-3\">\n\t\t\t\t\t\t\t<label class=\"form-label\" for=\"customer_last_name\">Last Name<\/label>\n\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" name=\"customer_last_name\" id=\"customer_last_name\" value=\"\" data-val=\"true\" data-val-required=\"Please enter last name\" data-val-minlength=\"Please enter at least 3 chars for last name\" data-val-minlength-min=\"3\" \/>\n\t\t\t\t\t\t\t<div class=\"text-danger\" data-valmsg-for=\"customer_last_name\" data-valmsg-replace=\"true\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t<div class=\"col-sm form-group mb-3\">\n\t\t\t\t\t\t\t<label class=\"form-label\" for=\"customer_email_address\">Email<\/label>\n\t\t\t\t\t\t\t<input type=\"email\" class=\"form-control\" name=\"customer_email_address\" id=\"customer_email_address\" value=\"\" data-val=\"true\" data-val-email=\"Invalid email address. Please try user@domain.com\" data-val-required=\"Please enter email address\" \/>\n\t\t\t\t\t\t\t<div class=\"text-danger\" data-valmsg-for=\"customer_email_address\" data-valmsg-replace=\"true\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"col-sm form-group mb-3\">\n\t\t\t\t\t\t\t<label class=\"form-label\" for=\"customer_phone_number\">Phone Number<\/label>\n\t\t\t\t\t\t\t<input type=\"tel\" class=\"form-control PhoneUK\" name=\"customer_phone_number\" id=\"customer_phone_number\" value=\"\" data-val=\"true\" data-val-regex=\"Invalid phone number.\" data-val-regex-pattern=\"^(((\\+44-?\\d{4}|\\(?0\\d{4}\\)?)-?\\d{3}-?\\d{3})|((\\+44-?\\d{3}|\\(?0\\d{3}\\)?)-?\\d{3}-?\\d{4})|((\\+44-?\\d{2}|\\(?0\\d{2}\\)?)-?\\d{4}-?\\d{4}))(-?\\#(\\d{4}|\\d{3}))?$\" data-val-required=\"Please enter your phone number\" \/>\n\t\t\t\t\t\t\t<div class=\"text-danger\" data-valmsg-for=\"customer_phone_number\" data-valmsg-replace=\"true\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<hr\/>\n\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t<div class=\"col\"><button type=\"button\" class=\"btn btn-secondary\" onclick=\"showTimeSlots('booking_69e312bbcf501')\">Back<\/button>\n<\/div>\n\t\t\t\t\t\t<div class=\"col-auto\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"submit\" class=\"btn btn-primary btn-next\">Next<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\t\t\t\n\t\t\t\t<\/div>\n\t\t\t\t\t\n\t<style type=\"text\/css\">\n\t\t.nbap #booking_69e312bbcf501 .form-check-input:checked {\n\t\t\tbackground-color: #049ebb;\n\t\t\tborder-color: #049ebb;\n\t\t}\n\n\t\t.nbap #booking_69e312bbcf501 .btn-primary {\n\t\t\tbackground: #049ebb;\n\t\t\tborder-color: #049ebb;\n\t\t\tcolor: #ffffff;\n\t\t}\n\n\t\t.nbap #booking_69e312bbcf501 .btn-primary:hover {\n\t\t\tbackground: #000000;\n\t\t\tborder-color: #000000;\n\t\t\tcolor:#ffffff;\t\n\t\t}\n\n\t\t.nbap #booking_69e312bbcf501 .text-bg-primary {\n\t\t\tcolor: #ffffff!important;\n\t\t\tbackground-color: #049ebb!important;\n\t\t}\n\n\t\t.nbap #booking_69e312bbcf501 .btn-outline-primary {\n\t\t\tborder-color: #049ebb;\n\t\t\tcolor: #049ebb;\n\t\t}\n\n\t\t.nbap #booking_69e312bbcf501 .btn-check:checked + .btn,\n\t\t.nbap #booking_69e312bbcf501 .btn-outline-primary:hover, \n\t\t.nbap .bootstrap-dialog .modal-header, \n\t\t.nbap .bootstrap-dialog .modal-header .bootstrap-dialog-title {\n\t\t\tbackground-color: #049ebb;\n\t\t\tcolor: #ffffff;\n\t\t}\n\t<\/style>\n\t\t\t<\/form>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><strong>Demo 2<\/strong><\/p>\n\n\n<div class=\"nbap\"><div id=\"booking_69e312bc0007b\">\n\t<div class=\"row mb-3 gy-2\">\n\t\t<div class=\"col-xl-4 col-lg-5 col-md-6\"><input type=\"text\"  data-target=\"booking_69e312bc0007b_grid\" placeholder=\"search...\" class=\"form-control filter-input search_icon\" \/><\/div>\n\t\t<div class=\"col\"><\/div>\n\t\t\t\t\t<div class=\"col-md-auto\">\n\t\t\t\t<select class=\"form-select filter-select\" data-target=\"booking_69e312bc0007b_grid\">\n\t\t\t\t\t<option value=\"\">Filter by department<\/option>\n\t\t\t\t\t\t\t\t\t\t\t<option value=\"Doctor\">Doctor<\/option>\n\t\t\t\t\t\t\t\t\t<\/select>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\t<div id=\"booking_69e312bc0007b_grid\" class=\"row row-cols-1 row-cols-md-2 row-cols-xl-3 g-3 g-xl-4 grid\">\n\t\t\t\t\t\t\t\t<div class=\"col grid-item Doctor\">\n\t\t\t\t<div class=\"card rounded-0 shadow\">\n\t\t\t\t\t<div class=\"card-body\">\n\t\t\t\t\t\t<div class=\"row gx-2\">\n\t\t\t\t\t\t\t<div class=\"col-3\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/www.neobookandpay.com\/use-cases\/dental-clinic\/wp-content\/uploads\/2025\/07\/staff-3-150x150.webp\" class=\"img-fluid img-thumbnail rounded-circle mb-3\" alt=\"Dr. Sarah Mitchell\" \/>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"col-9\">\n\t\t\t\t\t\t\t\t<h5 class=\"mb-1 fw-bold\">Dr. Sarah Mitchell<\/h5>\n\t\t\t\t\t\t\t\t<div class=\"text-muted mb-1\">Doctor<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"badge text-wrap text-start fw-normal lh-base text-bg-secondary mb-3\">Cardiology Excellence<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col fw-bold\"><i class=\"bi bi-calendar me-1\"><\/i>14 Years<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col fw-bold\">\u20b91,500.00<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"card-footer p-0 border-secondary\">\n\t\t\t\t\t\t<div class=\"row g-0\">\n\t\t\t\t\t\t\t<div class=\"col col-md-5 col-xxl-6 d-grid\"><a href=\"https:\/\/www.neobookandpay.com\/use-cases\/dental-clinic\/?staff_id=1&amp;page=nbap-frontend&amp;action=get_staff_profile&amp;_wpnonce=d512e4e827\" class=\"btn btn-outline-secondary text-capitalize rounded-0 border-0 px-0\" data-remote-view=\"true\">View Profile<\/a><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col col-md-7 col-xxl-6 d-grid\"><a href=\"https:\/\/www.neobookandpay.com\/use-cases\/dental-clinic\/?staff_id=1&amp;id=1&amp;unique_id=booking_69e312bc01e08&amp;page=nbap-frontend&amp;action=get_staff_booking&amp;_wpnonce=d512e4e827\" class=\"btn btn-primary text-capitalize rounded-0 border-0 px-0\" onclick=\"ShowRemoteView(this.href);return false;\">Book Appointment<\/a><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"col grid-item Doctor\">\n\t\t\t\t<div class=\"card rounded-0 shadow\">\n\t\t\t\t\t<div class=\"card-body\">\n\t\t\t\t\t\t<div class=\"row gx-2\">\n\t\t\t\t\t\t\t<div class=\"col-3\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/www.neobookandpay.com\/use-cases\/dental-clinic\/wp-content\/uploads\/2025\/07\/staff-7-150x150.webp\" class=\"img-fluid img-thumbnail rounded-circle mb-3\" alt=\"Dr. Michael Rodriguez\" \/>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"col-9\">\n\t\t\t\t\t\t\t\t<h5 class=\"mb-1 fw-bold\">Dr. Michael Rodriguez<\/h5>\n\t\t\t\t\t\t\t\t<div class=\"text-muted mb-1\">Doctor<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"badge text-wrap text-start fw-normal lh-base text-bg-secondary mb-3\">Neurology &amp; Brain Health<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col fw-bold\"><i class=\"bi bi-calendar me-1\"><\/i>5 Years<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col fw-bold\">\u20b91,000.00<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"card-footer p-0 border-secondary\">\n\t\t\t\t\t\t<div class=\"row g-0\">\n\t\t\t\t\t\t\t<div class=\"col col-md-5 col-xxl-6 d-grid\"><a href=\"https:\/\/www.neobookandpay.com\/use-cases\/dental-clinic\/?staff_id=2&amp;page=nbap-frontend&amp;action=get_staff_profile&amp;_wpnonce=d512e4e827\" class=\"btn btn-outline-secondary text-capitalize rounded-0 border-0 px-0\" data-remote-view=\"true\">View Profile<\/a><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col col-md-7 col-xxl-6 d-grid\"><a href=\"https:\/\/www.neobookandpay.com\/use-cases\/dental-clinic\/?staff_id=2&amp;id=5&amp;unique_id=booking_69e312bc02ba9&amp;page=nbap-frontend&amp;action=get_staff_booking&amp;_wpnonce=d512e4e827\" class=\"btn btn-primary text-capitalize rounded-0 border-0 px-0\" onclick=\"ShowRemoteView(this.href);return false;\">Book Appointment<\/a><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"col grid-item Doctor\">\n\t\t\t\t<div class=\"card rounded-0 shadow\">\n\t\t\t\t\t<div class=\"card-body\">\n\t\t\t\t\t\t<div class=\"row gx-2\">\n\t\t\t\t\t\t\t<div class=\"col-3\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/www.neobookandpay.com\/use-cases\/dental-clinic\/wp-content\/uploads\/2025\/07\/staff-1-150x150.webp\" class=\"img-fluid img-thumbnail rounded-circle mb-3\" alt=\"Dr. Emily Chen\" \/>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"col-9\">\n\t\t\t\t\t\t\t\t<h5 class=\"mb-1 fw-bold\">Dr. Emily Chen<\/h5>\n\t\t\t\t\t\t\t\t<div class=\"text-muted mb-1\">Doctor<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"badge text-wrap text-start fw-normal lh-base text-bg-secondary mb-3\">Pediatrics<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col fw-bold\"><i class=\"bi bi-calendar me-1\"><\/i>15 Years<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col fw-bold\">\u20b92,500.00<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"card-footer p-0 border-secondary\">\n\t\t\t\t\t\t<div class=\"row g-0\">\n\t\t\t\t\t\t\t<div class=\"col col-md-5 col-xxl-6 d-grid\"><a href=\"https:\/\/www.neobookandpay.com\/use-cases\/dental-clinic\/?staff_id=3&amp;page=nbap-frontend&amp;action=get_staff_profile&amp;_wpnonce=d512e4e827\" class=\"btn btn-outline-secondary text-capitalize rounded-0 border-0 px-0\" data-remote-view=\"true\">View Profile<\/a><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col col-md-7 col-xxl-6 d-grid\"><a href=\"https:\/\/www.neobookandpay.com\/use-cases\/dental-clinic\/?staff_id=3&amp;id=8&amp;unique_id=booking_69e312bc0394c&amp;page=nbap-frontend&amp;action=get_staff_booking&amp;_wpnonce=d512e4e827\" class=\"btn btn-primary text-capitalize rounded-0 border-0 px-0\" onclick=\"ShowRemoteView(this.href);return false;\">Book Appointment<\/a><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"col grid-item Doctor\">\n\t\t\t\t<div class=\"card rounded-0 shadow\">\n\t\t\t\t\t<div class=\"card-body\">\n\t\t\t\t\t\t<div class=\"row gx-2\">\n\t\t\t\t\t\t\t<div class=\"col-3\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/www.neobookandpay.com\/use-cases\/dental-clinic\/wp-content\/uploads\/2025\/07\/staff-12-150x150.webp\" class=\"img-fluid img-thumbnail rounded-circle mb-3\" alt=\"Dr. Robert Kim\" \/>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"col-9\">\n\t\t\t\t\t\t\t\t<h5 class=\"mb-1 fw-bold\">Dr. Robert Kim<\/h5>\n\t\t\t\t\t\t\t\t<div class=\"text-muted mb-1\">Doctor<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"badge text-wrap text-start fw-normal lh-base text-bg-secondary mb-3\">Orthopedic Surgery<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col fw-bold\"><i class=\"bi bi-calendar me-1\"><\/i>10 Years<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col fw-bold\">\u20b9999.00<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"card-footer p-0 border-secondary\">\n\t\t\t\t\t\t<div class=\"row g-0\">\n\t\t\t\t\t\t\t<div class=\"col col-md-5 col-xxl-6 d-grid\"><a href=\"https:\/\/www.neobookandpay.com\/use-cases\/dental-clinic\/?staff_id=4&amp;page=nbap-frontend&amp;action=get_staff_profile&amp;_wpnonce=d512e4e827\" class=\"btn btn-outline-secondary text-capitalize rounded-0 border-0 px-0\" data-remote-view=\"true\">View Profile<\/a><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col col-md-7 col-xxl-6 d-grid\"><a href=\"https:\/\/www.neobookandpay.com\/use-cases\/dental-clinic\/?staff_id=4&amp;id=7&amp;unique_id=booking_69e312bc0b877&amp;page=nbap-frontend&amp;action=get_staff_booking&amp;_wpnonce=d512e4e827\" class=\"btn btn-primary text-capitalize rounded-0 border-0 px-0\" onclick=\"ShowRemoteView(this.href);return false;\">Book Appointment<\/a><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"col grid-item Doctor\">\n\t\t\t\t<div class=\"card rounded-0 shadow\">\n\t\t\t\t\t<div class=\"card-body\">\n\t\t\t\t\t\t<div class=\"row gx-2\">\n\t\t\t\t\t\t\t<div class=\"col-3\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/www.neobookandpay.com\/use-cases\/dental-clinic\/wp-content\/uploads\/2025\/07\/staff-9-150x150.webp\" class=\"img-fluid img-thumbnail rounded-circle mb-3\" alt=\"Dr. James Thompson\" \/>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"col-9\">\n\t\t\t\t\t\t\t\t<h5 class=\"mb-1 fw-bold\">Dr. James Thompson<\/h5>\n\t\t\t\t\t\t\t\t<div class=\"text-muted mb-1\">Doctor<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"badge text-wrap text-start fw-normal lh-base text-bg-secondary mb-3\">Orthopedic Surgery<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col fw-bold\"><i class=\"bi bi-calendar me-1\"><\/i>10 Years<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col fw-bold\">\u20b9999.00<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"card-footer p-0 border-secondary\">\n\t\t\t\t\t\t<div class=\"row g-0\">\n\t\t\t\t\t\t\t<div class=\"col col-md-5 col-xxl-6 d-grid\"><a href=\"https:\/\/www.neobookandpay.com\/use-cases\/dental-clinic\/?staff_id=5&amp;page=nbap-frontend&amp;action=get_staff_profile&amp;_wpnonce=d512e4e827\" class=\"btn btn-outline-secondary text-capitalize rounded-0 border-0 px-0\" data-remote-view=\"true\">View Profile<\/a><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col col-md-7 col-xxl-6 d-grid\"><a href=\"https:\/\/www.neobookandpay.com\/use-cases\/dental-clinic\/?staff_id=5&amp;id=9&amp;unique_id=booking_69e312bc0c4b4&amp;page=nbap-frontend&amp;action=get_staff_booking&amp;_wpnonce=d512e4e827\" class=\"btn btn-primary text-capitalize rounded-0 border-0 px-0\" onclick=\"ShowRemoteView(this.href);return false;\">Book Appointment<\/a><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"col grid-item Doctor\">\n\t\t\t\t<div class=\"card rounded-0 shadow\">\n\t\t\t\t\t<div class=\"card-body\">\n\t\t\t\t\t\t<div class=\"row gx-2\">\n\t\t\t\t\t\t\t<div class=\"col-3\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/www.neobookandpay.com\/use-cases\/dental-clinic\/wp-content\/uploads\/2025\/07\/staff-3-150x150.webp\" class=\"img-fluid img-thumbnail rounded-circle mb-3\" alt=\"Dr. Lisa Anderson\" \/>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"col-9\">\n\t\t\t\t\t\t\t\t<h5 class=\"mb-1 fw-bold\">Dr. Lisa Anderson<\/h5>\n\t\t\t\t\t\t\t\t<div class=\"text-muted mb-1\">Doctor<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"badge text-wrap text-start fw-normal lh-base text-bg-secondary mb-3\">Dermatology Service<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col fw-bold\"><i class=\"bi bi-calendar me-1\"><\/i>6 Years<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col fw-bold\">\u20b9999.00<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"card-footer p-0 border-secondary\">\n\t\t\t\t\t\t<div class=\"row g-0\">\n\t\t\t\t\t\t\t<div class=\"col col-md-5 col-xxl-6 d-grid\"><a href=\"https:\/\/www.neobookandpay.com\/use-cases\/dental-clinic\/?staff_id=6&amp;page=nbap-frontend&amp;action=get_staff_profile&amp;_wpnonce=d512e4e827\" class=\"btn btn-outline-secondary text-capitalize rounded-0 border-0 px-0\" data-remote-view=\"true\">View Profile<\/a><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col col-md-7 col-xxl-6 d-grid\"><a href=\"https:\/\/www.neobookandpay.com\/use-cases\/dental-clinic\/?staff_id=6&amp;id=10&amp;unique_id=booking_69e312bc0ccee&amp;page=nbap-frontend&amp;action=get_staff_booking&amp;_wpnonce=d512e4e827\" class=\"btn btn-primary text-capitalize rounded-0 border-0 px-0\" onclick=\"ShowRemoteView(this.href);return false;\">Book Appointment<\/a><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"col grid-item Doctor\">\n\t\t\t\t<div class=\"card rounded-0 shadow\">\n\t\t\t\t\t<div class=\"card-body\">\n\t\t\t\t\t\t<div class=\"row gx-2\">\n\t\t\t\t\t\t\t<div class=\"col-3\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/www.neobookandpay.com\/use-cases\/dental-clinic\/wp-content\/uploads\/2025\/07\/staff-5-150x150.webp\" class=\"img-fluid img-thumbnail rounded-circle mb-3\" alt=\"Dr. Robert Kim\" \/>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"col-9\">\n\t\t\t\t\t\t\t\t<h5 class=\"mb-1 fw-bold\">Dr. Robert Kim<\/h5>\n\t\t\t\t\t\t\t\t<div class=\"text-muted mb-1\">Doctor<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"badge text-wrap text-start fw-normal lh-base text-bg-secondary mb-3\">Oncology<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col fw-bold\"><i class=\"bi bi-calendar me-1\"><\/i>4 Years<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col fw-bold\">\u20b91,600.00<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"card-footer p-0 border-secondary\">\n\t\t\t\t\t\t<div class=\"row g-0\">\n\t\t\t\t\t\t\t<div class=\"col col-md-5 col-xxl-6 d-grid\"><a href=\"https:\/\/www.neobookandpay.com\/use-cases\/dental-clinic\/?staff_id=7&amp;page=nbap-frontend&amp;action=get_staff_profile&amp;_wpnonce=d512e4e827\" class=\"btn btn-outline-secondary text-capitalize rounded-0 border-0 px-0\" data-remote-view=\"true\">View Profile<\/a><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col col-md-7 col-xxl-6 d-grid\"><a href=\"https:\/\/www.neobookandpay.com\/use-cases\/dental-clinic\/?staff_id=7&amp;id=11&amp;unique_id=booking_69e312bc0d96f&amp;page=nbap-frontend&amp;action=get_staff_booking&amp;_wpnonce=d512e4e827\" class=\"btn btn-primary text-capitalize rounded-0 border-0 px-0\" onclick=\"ShowRemoteView(this.href);return false;\">Book Appointment<\/a><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>\n<\/div>\n\t\n\t<style type=\"text\/css\">\n\t\t.nbap #booking_69e312bc0007b .form-check-input:checked {\n\t\t\tbackground-color: #049ebb;\n\t\t\tborder-color: #049ebb;\n\t\t}\n\n\t\t.nbap #booking_69e312bc0007b .btn-primary {\n\t\t\tbackground: #049ebb;\n\t\t\tborder-color: #049ebb;\n\t\t\tcolor: #ffffff;\n\t\t}\n\n\t\t.nbap #booking_69e312bc0007b .btn-primary:hover {\n\t\t\tbackground: #000000;\n\t\t\tborder-color: #000000;\n\t\t\tcolor:#ffffff;\t\n\t\t}\n\n\t\t.nbap #booking_69e312bc0007b .text-bg-primary {\n\t\t\tcolor: #ffffff!important;\n\t\t\tbackground-color: #049ebb!important;\n\t\t}\n\n\t\t.nbap #booking_69e312bc0007b .btn-outline-primary {\n\t\t\tborder-color: #049ebb;\n\t\t\tcolor: #049ebb;\n\t\t}\n\n\t\t.nbap #booking_69e312bc0007b .btn-check:checked + .btn,\n\t\t.nbap #booking_69e312bc0007b .btn-outline-primary:hover, \n\t\t.nbap .bootstrap-dialog .modal-header, \n\t\t.nbap .bootstrap-dialog .modal-header .bootstrap-dialog-title {\n\t\t\tbackground-color: #049ebb;\n\t\t\tcolor: #ffffff;\n\t\t}\n\t<\/style>\n<\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><strong>Demo 3<\/strong><\/p>\n\n\n<div class=\"nbap\"><div id=\"booking_69e312bc0e94d\">\n\t<div class=\"booking-calendar bg-white shadow border p-2 p-md-4\">\n\t\t<h1 class=\"fs-3 text-center mt-2 mb-4 service_staff d-none\">Time slots for <b class=\"service_title\"><\/b> by <b class=\"staff_title\"><\/b><\/h1>\t\t\n\t\t<form action=\"https:\/\/www.neobookandpay.com\/use-cases\/dental-clinic\/?page=nbap-frontend&amp;action=save_booking&amp;_wpnonce=d512e4e827\" class=\"popalert\" method=\"post\" data-ajax=\"true\" data-ajax-method=\"post\" data-ajax-begin=\"onBegin\" data-ajax-success=\"onSuccess\" data-ajax-failure=\"onFailure\">\t\t\t<input type=\"hidden\" name=\"unique_id\" id=\"unique_id\" value=\"booking_69e312bc0e94d\" \/>\n\t\t\t<input type=\"hidden\" name=\"id\" id=\"id\" value=\"1\" data-val=\"true\" data-val-required=\"Please select a service\" data-val-number=\"Invalid service id.\" \/>\n\t\t\t<input type=\"hidden\" name=\"staff_id\" id=\"staff_id\" value=\"1\" data-val=\"true\" data-val-number=\"Invalid employee.\" \/>\n\t\t\t\t\t\t<div class=\"row gy-3\">\n\t\t\t\t<div class=\"col-xl\">\n\t\t\t\t\t\t\t\t\t\t<input type=\"hidden\" name=\"booking_date\" id=\"booking_69e312bc0e94d_cal_ele\" value=\"\" class=\"calendar\" \/>\n\t\t\t\t\t<input type=\"hidden\" name=\"booking_date_time\" id=\"booking_date_time\" value=\"\" data-val=\"true\" data-val-required=\"Please select booking date\/time\" \/>\n\t\t\t\t\t<div class=\"text-danger\" data-valmsg-for=\"booking_date_time\" data-valmsg-replace=\"true\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"TimeSlots mt-2\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\t\t\t\n\t\t\t\t<div class=\"col-xl-3\">\n\t\t\t\t\t\t\t<div class=\"col form-group mb-3\">\n\t\t\t<label class=\"form-label fw-bold\" for=\"capacity\">Number of persons<\/label>\n\t\t\t<select class=\"form-select\" name=\"capacity\" id=\"capacity\" onchange=\"updateCapacity(this)\" data-val=\"true\" data-val-number=\"Invalid number of persons.\"><option value=\"1\" selected=\"selected\">1<\/option>\n<option value=\"2\">2<\/option>\n<option value=\"3\">3<\/option>\n<option value=\"4\">4<\/option>\n<option value=\"5\">5<\/option>\n<\/select>\n\t\t\t<div class=\"text-danger\" data-valmsg-for=\"capacity\" data-valmsg-replace=\"true\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"card mb-3\">\n\t\t\t\t\t\t<div class=\"card-header fw-bold\">Summary<\/div>\n\t\t\t\t\t\t\t<div class=\"card-body\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t<div class=\"col\">Booking Date<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"col-auto checkin\">-<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t<div class=\"col\">Booking Time<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"col-auto checkin_time\">-<\/div>\n\t\t\t\t\t\t\t\t<\/div>\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"row d-none\">\n\t\t\t\t\t\t\t\t\t<div class=\"col\">No. of items<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"col-auto resource_count\">-<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"border-top pt-2 mt-2\"><\/div>\n\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t<div class=\"col\">Sub total<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"col-auto sub_total\">-<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t<div class=\"col\">Vat<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"col-auto tax_price\">-<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"row d-none\">\n\t\t\t\t\t\t\t\t\t<div class=\"col\">Discount<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"col-auto discount_price\">-<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t<div class=\"col\">Total<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"col-auto total_price\">-<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"card mb-3\">\n\t\t\t\t\t\t\t<div class=\"card-header fw-bold\">Contact Information<\/div>\n\t\t\t\t\t\t\t<div class=\"card-body pb-0\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"form-group mb-3\">\n\t\t\t\t\t\t\t\t\t<label class=\"form-label\" for=\"customer_first_name\">First Name<\/label>\n\t\t\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" name=\"customer_first_name\" id=\"customer_first_name\" value=\"\" data-val=\"true\" data-val-required=\"Please enter first name\" data-val-minlength=\"Please enter at least 3 chars for first name\" data-val-minlength-min=\"3\" \/>\n\t\t\t\t\t\t\t\t\t<div class=\"text-danger\" data-valmsg-for=\"customer_first_name\" data-valmsg-replace=\"true\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"form-group mb-3\">\n\t\t\t\t\t\t\t\t\t<label class=\"form-label\" for=\"customer_last_name\">Last Name<\/label>\n\t\t\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" name=\"customer_last_name\" id=\"customer_last_name\" value=\"\" data-val=\"true\" data-val-required=\"Please enter last name\" data-val-minlength=\"Please enter at least 3 chars for last name\" data-val-minlength-min=\"3\" \/>\n\t\t\t\t\t\t\t\t\t<div class=\"text-danger\" data-valmsg-for=\"customer_last_name\" data-valmsg-replace=\"true\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"form-group mb-3\">\n\t\t\t\t\t\t\t\t\t<label class=\"form-label\" for=\"customer_email_address\">Email<\/label>\n\t\t\t\t\t\t\t\t\t<input type=\"email\" class=\"form-control\" name=\"customer_email_address\" id=\"customer_email_address\" value=\"\" data-val=\"true\" data-val-email=\"Invalid email address. Please try user@domain.com\" data-val-required=\"Please enter email address\" \/>\n\t\t\t\t\t\t\t\t\t<div class=\"text-danger\" data-valmsg-for=\"customer_email_address\" data-valmsg-replace=\"true\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"form-group mb-3\">\n\t\t\t\t\t\t\t\t\t<label class=\"form-label\" for=\"customer_phone_number\">Phone Number<\/label>\n\t\t\t\t\t\t\t\t\t<input type=\"tel\" class=\"form-control PhoneUK\" name=\"customer_phone_number\" id=\"customer_phone_number\" value=\"\" data-val=\"true\" data-val-regex=\"Invalid phone number.\" data-val-regex-pattern=\"^(((\\+44-?\\d{4}|\\(?0\\d{4}\\)?)-?\\d{3}-?\\d{3})|((\\+44-?\\d{3}|\\(?0\\d{3}\\)?)-?\\d{3}-?\\d{4})|((\\+44-?\\d{2}|\\(?0\\d{2}\\)?)-?\\d{4}-?\\d{4}))(-?\\#(\\d{4}|\\d{3}))?$\" data-val-required=\"Please enter your phone number\" \/>\n\t\t\t\t\t\t\t\t\t<div class=\"text-danger\" data-valmsg-for=\"customer_phone_number\" data-valmsg-replace=\"true\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"card mb-3 d-none PaymentModeContainer\">\n\t\t\t\t\t\t\t\t<div class=\"card-header fw-bold\">Payment Information<\/div>\n\t\t\t\t\t\t\t\t<div class=\"card-body\">\n\t\t\t\t\t\t\t\t\t<div class=\"form-group\">\n\t\t\t\t\t\t\t\t\t\t<div class='form-check mb-0 full'><input checked type=\"radio\" class=\"form-check-input\" name=\"payment_mode\" id=\"payment_mode-0booking_69e312bc0e94d\" value=\"full\" data-val=\"true\" data-val-required=\"Please select payment mode\" \/>\n<label class=\"form-check-label\" for=\"payment_mode-0booking_69e312bc0e94d\"><b>Full payment - <\/b><span>\u20b92.00<\/span><\/label>\n<\/div><div class='form-check mb-0 deposit'><input type=\"radio\" class=\"form-check-input\" name=\"payment_mode\" id=\"payment_mode-1booking_69e312bc0e94d\" value=\"deposit\" data-val=\"true\" data-val-required=\"Please select payment mode\" \/>\n<label class=\"form-check-label\" for=\"payment_mode-1booking_69e312bc0e94d\"><b>Deposit - <\/b><span>\u20b91.00<\/span><\/label>\n<\/div>\t\t\t\t\t\t\t\t\t\t<div class=\"text-danger\" data-valmsg-for=\"payment_mode\" data-valmsg-replace=\"true\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"text-end\"><button type=\"submit\" class=\"btn btn-primary btn-lg\">Submit<\/button><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t<\/div>\n<\/div>\n\t\n\t<style type=\"text\/css\">\n\t\t.nbap #booking_69e312bc0e94d .form-check-input:checked {\n\t\t\tbackground-color: #049ebb;\n\t\t\tborder-color: #049ebb;\n\t\t}\n\n\t\t.nbap #booking_69e312bc0e94d .btn-primary {\n\t\t\tbackground: #049ebb;\n\t\t\tborder-color: #049ebb;\n\t\t\tcolor: #ffffff;\n\t\t}\n\n\t\t.nbap #booking_69e312bc0e94d .btn-primary:hover {\n\t\t\tbackground: #000000;\n\t\t\tborder-color: #000000;\n\t\t\tcolor:#ffffff;\t\n\t\t}\n\n\t\t.nbap #booking_69e312bc0e94d .text-bg-primary {\n\t\t\tcolor: #ffffff!important;\n\t\t\tbackground-color: #049ebb!important;\n\t\t}\n\n\t\t.nbap #booking_69e312bc0e94d .btn-outline-primary {\n\t\t\tborder-color: #049ebb;\n\t\t\tcolor: #049ebb;\n\t\t}\n\n\t\t.nbap #booking_69e312bc0e94d .btn-check:checked + .btn,\n\t\t.nbap #booking_69e312bc0e94d .btn-outline-primary:hover, \n\t\t.nbap .bootstrap-dialog .modal-header, \n\t\t.nbap .bootstrap-dialog .modal-header .bootstrap-dialog-title {\n\t\t\tbackground-color: #049ebb;\n\t\t\tcolor: #ffffff;\n\t\t}\n\t<\/style>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Book appointment widget for website \u2013 Easy Way for Your Clients to Book Demo 1 Demo 2 Demo 3<\/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-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.neobookandpay.com\/use-cases\/dental-clinic\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.neobookandpay.com\/use-cases\/dental-clinic\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.neobookandpay.com\/use-cases\/dental-clinic\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.neobookandpay.com\/use-cases\/dental-clinic\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.neobookandpay.com\/use-cases\/dental-clinic\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":14,"href":"https:\/\/www.neobookandpay.com\/use-cases\/dental-clinic\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":2588,"href":"https:\/\/www.neobookandpay.com\/use-cases\/dental-clinic\/wp-json\/wp\/v2\/pages\/2\/revisions\/2588"}],"wp:attachment":[{"href":"https:\/\/www.neobookandpay.com\/use-cases\/dental-clinic\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}