{"id":1109,"date":"2021-06-17T09:27:43","date_gmt":"2021-06-17T09:27:43","guid":{"rendered":"http:\/\/www.rmabodyandpaint.com\/?p=1109"},"modified":"2023-04-10T06:25:10","modified_gmt":"2023-04-10T06:25:10","slug":"price-table","status":"publish","type":"post","link":"https:\/\/www.rmabodyandpaint.com\/th\/2021\/06\/17\/price-table\/","title":{"rendered":"Price Table"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1109\" class=\"elementor elementor-1109\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cf35b8e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cf35b8e\" 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-3ccace1\" data-id=\"3ccace1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2f48b2ee elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"2f48b2ee\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-433ba545\" data-id=\"433ba545\" 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-4099701e elementor-widget elementor-widget-heading\" data-id=\"4099701e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">SERVICE<\/h2>\t\t\t\t<\/div>\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-347fec2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"347fec2\" 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-66 elementor-top-column elementor-element elementor-element-68202c1\" data-id=\"68202c1\" 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-6b4abef9 elementor-widget elementor-widget-heading\" data-id=\"6b4abef9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Price table<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-77a31a40 elementor-widget elementor-widget-image\" data-id=\"77a31a40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"473\" src=\"https:\/\/www.rmabodyandpaint.com\/wp-content\/uploads\/2021\/06\/Price-table-content-image-1024x473.png\" class=\"attachment-large size-large wp-image-1110\" alt=\"\" srcset=\"https:\/\/www.rmabodyandpaint.com\/wp-content\/uploads\/2021\/06\/Price-table-content-image-1024x473.png 1024w, https:\/\/www.rmabodyandpaint.com\/wp-content\/uploads\/2021\/06\/Price-table-content-image-300x139.png 300w, https:\/\/www.rmabodyandpaint.com\/wp-content\/uploads\/2021\/06\/Price-table-content-image-768x355.png 768w, https:\/\/www.rmabodyandpaint.com\/wp-content\/uploads\/2021\/06\/Price-table-content-image-16x7.png 16w, https:\/\/www.rmabodyandpaint.com\/wp-content\/uploads\/2021\/06\/Price-table-content-image.png 1527w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\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\t<div class=\"elementor-element elementor-element-4662f86 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"4662f86\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0e19\u0e31\u0e14\u0e2b\u0e21\u0e32\u0e22\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-78f3373e\" data-id=\"78f3373e\" 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<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-67abe1aa elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"67abe1aa\" 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-inner-column elementor-element elementor-element-2a2302b3\" data-id=\"2a2302b3\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-61020c74 elementor-widget elementor-widget-heading\" data-id=\"61020c74\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-large\">MAKE AN APPOINTMENT<\/h2>\t\t\t\t<\/div>\n\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<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-676459c9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"676459c9\" 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-inner-column elementor-element elementor-element-484c742e sidebar-appointment\" data-id=\"484c742e\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-6980ca5 elementor-widget elementor-widget-sidebar\" data-id=\"6980ca5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"sidebar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"custom_html-2\" class=\"widget_text widget widget_custom_html\"><div class=\"textwidget custom-html-widget\"><script type=\"text\/javascript\">console.log(\"SSL: no alternative certificate subject name matches target host name 'api.autocardealer.app'\")<\/script>\n\n\n<link rel=\"stylesheet\" href=\"\/\/code.jquery.com\/ui\/1.12.1\/themes\/base\/jquery-ui.css\">\n<link rel=\"stylesheet\" href=\"\/resources\/demos\/style.css\">\n<script src=\"https:\/\/code.jquery.com\/jquery-1.12.4.js\"><\/script>\n<script src=\"https:\/\/code.jquery.com\/ui\/1.12.1\/jquery-ui.js\"><\/script>\n\n<script>\n\n  $( function() {\n    $( \"#appointment_date\" ).datepicker( {\n        onSelect: function(date) {\n        \t$('.loading').removeClass('hide');\n        \tif($( \"#service\" ).find(\":selected\").val()==''){\n        \t\talert('Please select branch and service first');\n        \t\t$('.loading').addClass('hide');\n        \t\treturn false;\n        \t}\n\n            $.ajax({\n                url: $('#baseURL').val()+'\/ajax-action.php?action=booking-availability',\n                type: 'POST',\n                data: {date: $( \"#appointment_date\" ).val(), service: $( \"#service\" ).find(\":selected\").val()},\n                success: function (status) {\n                    var result = JSON.parse(status);\n                    \n                    $('#booking-time').html('');\n                    if(result.status){\n                    \tfor(var x=0;x<result.data.timeslots.length;x++){\n                    \t\tif(result.data.available.includes(result.data.timeslots[x])){\n                    \t\t $('#booking-time').append('<span id=\"time'+x+'\" class=\"col-md-3 col-sm-4 btn btn-outline-secondary aval-time\" onclick=\"update_time(`time'+x+'`,`'+result.data.timeslots[x]+'`)\" > '+result.data.timeslots[x]+' <\/span>');\n                    \t\t}else{\n                    \t\t\t$('#booking-time').append('<span id=\"time'+x+'\" class=\"col-md-3 col-sm-4 btn btn-outline-secondary disabled\"> <strike>'+result.data.timeslots[x]+'<\/strike> <\/span>');\n                    \t\t}\n                    \t}\n                    \t$('.loading').addClass('hide');\n                    }else{\n                        $('.error-message').html(\"Error occur, please contact our customer service\");\n                        $('.error').removeClass('hide');\n                        console.log(result);\n                        $('.loading').addClass('hide');\n                        $('#booking-time').html('');\n                    }\n                },\n                error: function(jqXHR, exception){\n                    ajax_error_handling(jqXHR, exception);\n                }\n            });\n        },\n        minDate:new Date(),\n        selectWeek: true,\n        inline: true,\n        firstDay: 1\n    });\n\n    $('#branch').on('change', function() {\n        var branches = JSON.parse($('#branchJson').val());\n        $('#service').html('');\n        $('#service').append('<option value=\"\">--- Choose One ---<\/option>');\n        $('#booking-time').html('');\n        $(\"#appointment_date\").val('');\n        $(\"#appointment_date\").attr(\"disabled\", true);\n        $('.to-hide').addClass('hide');\n        \/\/console.log(branches['services']);\n        if($(this).find(\":selected\").val()!=''){\n\n            for (var key in branches){ \n                if($(this).find(\":selected\").val()==branches[key]['id']){\n                \tfor(var x=0;x<branches[key]['services'].length;x++){\n\t                    $('#service').append('<option value=\"'+branches[key]['services'][x]['id']+'\">'+branches[key]['services'][x]['name']+'<\/option>');\n\t                }\n\t   \t\t\t\t\/\/$(\"#appointment_date\").attr(\"disabled\", false);\n\t                break;\n                }\n            }\n            $('#service').attr(\"disabled\", false);\n        }else{\n            $('#service').attr(\"disabled\", true);\n            $(\"#appointment_date\").attr(\"disabled\", true);\n            $(\"#appointment_date\").val(\"\");\n            $('#booking-time').html('');\n        }\n    });\n\n    $('#service').on('change', function() {\n    \t$(\"#appointment_date\").attr(\"disabled\", true);\n        \/\/$(\"#appointment_date\").val(\"\");\n\n    \tif($(this).find(\":selected\").val()!=''){\n    \t\t$(\"#appointment_date\").attr(\"disabled\", false);\n    \t}\n\n    });\n\n    $(\"#form-booking-submit\").click(function() {\n    \t$('.final-hide').addClass('hide');\n        $('.loading').removeClass('hide');\n        $('.error').addClass('hide');\n\n        if($(\"#name\").val()=='' || $(\"#number\").val()=='' || $(\"#branch\").val()=='' || $(\"#service\").val()=='' || $(\"#appointment_date\").val()=='' || $(\"#appointment_time\").val()=='' || $(\"#brand\").val()=='' || $(\"#model\").val()=='' || $(\"#year\").val()=='' || $(\"#plate_number\").val()=='' || $(\"#email\").val()==''){\n\n        \t$('.error-message').html(\"All fields with start (*) sign are required!\");\n\t        $('.error').removeClass('hide');\n\t        $('.loading').addClass('hide');\n\t        $('.final-hide').removeClass('hide');\n\n        }else{\n\n\t        $.ajax({\n\t            url: $('#baseURL').val()+'\/ajax-action.php?action=submit-booking',\n\t            type: 'POST',\n\t            data: $('#rma-booking-form').serialize(),\n\t            success: function (status) {\n\t                var result = JSON.parse(status);\n\t                if(result.status){\n\t                    \/\/location.reload();\n\t                    \/*var url = window.location.href;    \n\t\t\t\t\t\tif (url.indexOf('?') > -1){\n\t\t\t\t\t\t   url += '&success=1'\n\t\t\t\t\t\t}else{\n\t\t\t\t\t\t   url += '?success=1'\n\t\t\t\t\t\t}\n\t\t\t\t\t\twindow.location.href = url;*\/\n\t\t\t\t\t\t$('.form-hide').addClass('hide');\n\t\t\t\t\t\t$('.success-message').html(\"Thank you for your submission! We will contact you shortly.\");\n\t                    $('.success').removeClass('hide');\n\n\n\t                }else{\n\t                \t$('.error-message').html(\"Error occur, please contact our customer service\");\n\t                    $('.error').removeClass('hide');\n\t                    console.log(result);\n\t                    $('.loading').addClass('hide');\n\t                    $('.final-hide').removeClass('hide');\n\t                }\n\t            },\n\t            error: function(jqXHR, exception){\n\t                \/\/ajax_error_handling(jqXHR, exception);\n\t                $('.error-message').html(\"Error occur, please contact our customer service\");\n\t                $('.error').removeClass('hide');\n\t                console.log(result);\n\t                $('.loading').addClass('hide');\n\t                $('.final-hide').removeClass('hide');\n\t            }\n\t        });\n\n    \t}\n    });\n\n    $('#service').attr(\"disabled\", true);\n\n  } );\n\n  function update_time($id,$val){\n    \t$('.aval-time').removeClass('selected-time');\n    \t$('#'+$id).addClass('selected-time');\n    \t$('#appointment_time').val($val);\n    \t$('.to-hide').removeClass('hide');\n    }\n<\/script>\n\n<style type=\"text\/css\">\n\t\/* Create four equal columns that floats next to each other *\/\n\t.hide {\n\t\tdisplay: none;\n\t}\n\t.aval-time{\n\t\tbackground-color: transparent;\n    \tcolor: black;\n    \tmargin: 5px;\n\t}\n\t.aval-time:hover{\n\t\topacity: 0.80;\n\t\tbackground-color: transparent;\n    \tcolor: grey;\n    \tmargin: 5px;\n\t}\n\t.selected-time{\n\t\tbackground-color: #6c757d;\n\t\tfont-weight: 500;\n\t\tborder: 2px solid #154360;\n\t\tcolor:black;\n\n\t}\n\t.selected-time:hover{\n\t\tbackground-color: #6c757d;\n\t\tfont-weight: 500;\n\t\tborder: 2px solid #154360;\n\t\tcolor:black;\n\n\t}\n\t.error{\n\t\tcolor: red;\n\t\ttext-align: center;\n\t}\n\t.loading{\n\t\ttext-align: center;\n\t}\n<\/style>\n\n<div class=\"rma-dealer-booking\">\n\n\t\n\t<div style=\"text-align: center;\">Error Occurs. Please contact our customer service.<\/div>\n\n\t\n<\/div><\/div><\/section>\t\t\t\t<\/div>\n\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\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":"<p>SERVICE Price table \u0e19\u0e31\u0e14\u0e2b\u0e21\u0e32\u0e22\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23 MAKE AN APPOINTMENT<\/p>","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1109","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.rmabodyandpaint.com\/th\/wp-json\/wp\/v2\/posts\/1109","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rmabodyandpaint.com\/th\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rmabodyandpaint.com\/th\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rmabodyandpaint.com\/th\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rmabodyandpaint.com\/th\/wp-json\/wp\/v2\/comments?post=1109"}],"version-history":[{"count":10,"href":"https:\/\/www.rmabodyandpaint.com\/th\/wp-json\/wp\/v2\/posts\/1109\/revisions"}],"predecessor-version":[{"id":1125,"href":"https:\/\/www.rmabodyandpaint.com\/th\/wp-json\/wp\/v2\/posts\/1109\/revisions\/1125"}],"wp:attachment":[{"href":"https:\/\/www.rmabodyandpaint.com\/th\/wp-json\/wp\/v2\/media?parent=1109"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rmabodyandpaint.com\/th\/wp-json\/wp\/v2\/categories?post=1109"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rmabodyandpaint.com\/th\/wp-json\/wp\/v2\/tags?post=1109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}