{"id":5579,"date":"2024-03-06T13:01:34","date_gmt":"2024-03-06T13:01:34","guid":{"rendered":"https:\/\/themetechmount.com\/wordpress\/zenista\/demo4\/?page_id=5579"},"modified":"2024-03-06T13:01:34","modified_gmt":"2024-03-06T13:01:34","slug":"book-appointment","status":"publish","type":"page","link":"https:\/\/zenista-demo.themetechmount.com\/elementor-demo4\/book-appointment\/","title":{"rendered":"Book Appointment"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5579\" class=\"elementor elementor-5579\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b18f648 tm-column-break-ipad-no tm-col-stretched-none elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b18f648\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-75b9dc1\" data-id=\"75b9dc1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-112ad3f elementor-widget elementor-widget-shortcode\" data-id=\"112ad3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\n\n\n<form method=\"post\" name=\"contactForm\" id=\"sample_form\" class=\"truebooker-form\">\r\n\t<div id=\"result\" style=\"display:none\"><\/div>\r\n\t<div class=\"row\">\r\n\t\t<div class=\"tba-form-field col-lg-3 col-md-6 col-sm-12\"> \r\n\t\t<label for=\"firstname\">First Name<strong class=\"error\">*<\/strong><\/label> \r\n\t\t<input type=\"text\" name=\"truebooker_user_firstname\" id=\"truebooker_user_firstname\" class=\"form_data\" placeholder=\"Enter first name\" value= \"\">\r\n\t\t<span class=\"error front-er fname-error\"><\/span>\r\n\t\t<\/div> \r\n\r\n\t\t<div class=\"tba-form-field col-lg-3 col-md-6 col-sm-12\"> \r\n\t\t<label for=\"website\">Last Name<strong class=\"error\">*<\/strong><\/label> \r\n\t\t<input type=\"text\" name=\"truebooker_user_lastname\" id=\"truebooker_user_lastname\" class=\"form_data\" placeholder=\"Enter last name\" value= \"\"> \r\n\t\t<span class=\"error front-er lname-error\"><\/span>\r\n\t\t<\/div> \r\n\r\n\t\t<div class=\"tba-form-field col-lg-3 col-md-6 col-sm-12\"> \r\n\t\t<label for=\"email\">Email<strong class=\"error\">*<\/strong><\/label> \r\n\t\t<input type=\"text\" name=\"truebooker_user_email\" id=\"truebooker_user_email\" class=\"form_data\" placeholder=\"Enter your email\" value= \"\">  \r\n\t\t<span class=\"error front-er email-error\"><\/span><div id=\"emailStatus\"><\/div>\r\n\t\t<\/div> \r\n\r\n\t\t<div class=\"tba-form-field col-lg-3 col-md-6 col-sm-12 truebooker__phone\"> \r\n\t\t<label for=\"phone\">Phone<strong class=\"error\">*<\/strong><\/label> \r\n\t\t<input type=\"text\" name=\"truebooker_user_phonecode\" id=\"truebooker_user_phonecode\" class=\"form_data hide\"><\/input>\r\n\t\t<input type=\"tel\" name=\"truebooker_user_phone\" id=\"truebooker_user_phone\" class=\"form_data tbaphonecode\" value=\"\"> \r\n\t\t<span class=\"error front-er phone-error\"><\/span>\r\n\t\t<\/div> \r\n\t<\/div>\r\n\t<div class=\"row\">\r\n\t\t<div class=\"tba-form-field col-lg-12 col-md-12 col-sm-12\"> \r\n\t\t<label for=\"note\">Note<\/label> \r\n\t\t<textarea name=\"truebooker_user_note\" id=\"truebooker_user_note\" rows=\"6\" placeholder=\"Enter description\"><\/textarea> \r\n\t\t<\/div>\r\n\t<\/div>\r\n<div class=\"row\">\t\r\n\t<div class=\"tba-form-field col-lg-3 col-md-6 col-sm-12\"> \r\n\t\t<label for=\"datetime\">Booking Date<strong class=\"error\">*<\/strong><\/label>\r\n\t\t<input placeholder=\"yyyy-mm-dd\" type=\"text\" name=\"truebooker_user_dt\" id=\"datepicker\" value=\"\" class=\"calendar form_data truebooker_user_dt\">\r\n\t\t<span class=\"error front-er date-error\"><\/span>\r\n\t<\/div>\r\n\t\r\n\t<div class=\"tba-form-field col-lg-3 col-md-6 col-sm-12 tba-time\"> \r\n\t\t<label for=\"datetime\">Booking Time<strong class=\"error\">*<\/strong><\/label>\r\n\t\t<div class=\"tba-time-duration\">\r\n\t\t<input placeholder=\"Select your time\" type=\"text\" name=\"truebooker_user_time\" id=\"timepicker\" value=\"\" class=\"calendar form_data truebooker_user_time\">\r\n\t\t\t<div class=\"tba_select_icon\">\r\n\t\t\t<select class=\"tba-time-meridiem\" name=\"truebooker_time_meridiem\"  id=\"truebooker_time_meridiem\">\r\n\t\t\t\t<option value=\"AM\">AM<\/option>\r\n\t\t\t\t<option value=\"PM\">PM<\/option>\r\n\t\t\t<\/select>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<span class=\"error front-er time-error\"><\/span>\r\n\t<\/div>\r\n\t\r\n\t<div class=\"tba-form-field col-lg-3 col-md-6 col-sm-12\"> \r\n\t<label for=\"service\">Service<strong class=\"error\">*<\/strong><\/label>\r\n\t<div class=\"tba_select_icon\">\r\n\t  <select name=\"truebooker_user_service\"  id=\"truebooker_service_category\">\r\n\t   <option value=\"\" disabled selected>Please add service<\/option>\r\n\t  <\/select>\r\n\t<\/div>\r\n\t  <span class=\"error front-er service-error\"><\/span>\r\n\t<input type=\"hidden\" name=\"s-price\" id=\"s-price\" value=\"\"\/>\r\n\t<input type=\"hidden\" name=\"s-name\" id=\"s-name\" value=\"\"\/>\r\n\t<\/div>\r\n\r\n<div class=\"tba-form-field col-lg-3 col-md-6 col-sm-12\"> \r\n\r\n  <div class=\"tba_service_qty\">\r\n\r\n\t  \t<div class=\"tba_qtybox\">     \r\n\r\n\t  \t\t<label for=\"service qty\">Select quantity<\/label>\r\n\r\n\t  \t\t<select name=\"truebooker_service_qty\" id=\"truebooker_service_qty\" class=\"truebooker_service_qty\">\r\n\r\n\t\t\t<option value=\"\" disabled selected>Select quantity<\/option>\r\n<\/select>\r\n\r\n\r\n\t  \t<\/div>\r\n\r\n\t  <\/div>\r\n\r\n\t <\/div>\r\n<\/div>\r\n\r\n\t<div class=\"tba-form-field col-lg-3 col-md-6 col-sm-12\"> \r\n\t\t<input type=\"submit\" name=\"submit\" id=\"submit\" value=\"Book Appointment\" class=\"tba-button button-top-sp\"\/>\r\n\t<\/div>\r\n<\/div>\r\n\r\n<\/form>\r\n\r\n<script>jQuery(document).ready(function(){jQuery(\".iti__selected-flag\").addClass(\"tbaphonecode\");});jQuery( \".tbaphonecode\" ).on( \"change\", function(){var phone_code = jQuery('.iti__selected-dial-code').text();document.getElementById(\"truebooker_user_phonecode\").value = phone_code;});<\/script>\n\t<div id=\"summary\"><\/div>\n\n<script>\n\n\n\n\/\/ Load min\/max capacity and update quantity dropdown\njQuery('#truebooker_service_category').on('change', function () {\n    var selectedService = jQuery(this).val();\n\n    jQuery.ajax({\n        url: truebookerPluginData.ajax_url,\n        method: 'POST',\n        data: {\n            action: 'truebooker_get_service_capacity',\n            service_id: selectedService,\n            security: truebookerPluginData.nonce\n        },\n        dataType: 'json',\n        success: function (response) {\n\n            let qty = jQuery('#truebooker_service_qty');\n            qty.empty();\n\n            for (let i = parseInt(response.min); i <= parseInt(response.max); i++) {\n                qty.append('<option value=\"' + i + '\">' + i + ' Person<\/option>');\n            }\n\t\t}\n    });\n});\n\n\n\n\njQuery(document).ready(function() {\n\njQuery('#submit').on('click', function(e){\n    e.preventDefault();\n\tvar sample_form = jQuery(\"#sample_form\").serialize();\n\n\tjQuery.ajax({\n    method: 'POST',\n    dataType: 'json',\n    url: truebookerPluginData.ajax_url, \n    data: { \n\t\tsecurity: truebookerPluginData.nonce,\n\t\taction:'truebooker_appointment_booking_action',\n\t\ttruebooker_service_qty: jQuery('#truebooker_service_qty').val(),\n\t\talldata: sample_form\n    }, \n    success: function(response) {\n\n\t\t\n\t\tif(response.success){\n\t\t\tjQuery('#result').html(response.success).fadeIn('slow');\n\t\t\tjQuery('#result').delay(5000).fadeOut('slow');\n\t\t\tjQuery('#sample_form')[0].reset();\n\t\t\tjQuery('#summary').html(response.success.summary).fadeIn('fast');\t\t\n\t\t}\n\t\telse{\n\t\t\tjQuery('#result').html(response.php_error).fadeIn('slow');\n\t\t\tjQuery('#result').delay(5000).fadeOut('slow');\n\t\t\tjQuery('.fname-error').text(response.error.truebooker_user_firstname);\n\t\t\tjQuery('.lname-error').text(response.error.truebooker_user_lastname);\n\t\t\tjQuery('.email-error').text(response.error.truebooker_user_email);\n\t\t\tjQuery('.phone-error').text(response.error.truebooker_user_phone);\n\t\t\tjQuery('.date-error').text(response.error.truebooker_user_dt);\n\t\t\tjQuery('.time-error').text(response.error.truebooker_user_time);\n\t\t\tjQuery('.service-error').text(response.error.truebooker_user_service);\n\t\t\tjQuery('.error').fadeIn('fast');\n\t\t\tjQuery('.error').fadeIn('fast').delay(5000).fadeOut('slow', function(){\n\t\t\tjQuery('.error').text('');\n\t\t\t});\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t}\n\n    }\n  });\n\n});\n});\n<\/script>\n\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","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-5579","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zenista-demo.themetechmount.com\/elementor-demo4\/wp-json\/wp\/v2\/pages\/5579","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zenista-demo.themetechmount.com\/elementor-demo4\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zenista-demo.themetechmount.com\/elementor-demo4\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zenista-demo.themetechmount.com\/elementor-demo4\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zenista-demo.themetechmount.com\/elementor-demo4\/wp-json\/wp\/v2\/comments?post=5579"}],"version-history":[{"count":0,"href":"https:\/\/zenista-demo.themetechmount.com\/elementor-demo4\/wp-json\/wp\/v2\/pages\/5579\/revisions"}],"wp:attachment":[{"href":"https:\/\/zenista-demo.themetechmount.com\/elementor-demo4\/wp-json\/wp\/v2\/media?parent=5579"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}