{"id":20,"date":"2019-04-03T00:10:33","date_gmt":"2019-04-02T22:10:33","guid":{"rendered":"https:\/\/bonmassage.gr\/?page_id=20"},"modified":"2025-07-25T11:47:40","modified_gmt":"2025-07-25T08:47:40","slug":"booking","status":"publish","type":"page","link":"https:\/\/bonmassage.gr\/en\/booking\/","title":{"rendered":"Booking"},"content":{"rendered":"<style>\n  .btn-booking {\n    display: inline-block;\n    padding: 0.6em 1.5em;           \/* smaller height & width *\/\n    background-color: #ffffff;     \/* pure white *\/\n    color: #333333;                \/* dark gray text *\/\n    border: 2px solid #dddddd;     \/* light gray border *\/\n    font-size: 1rem;               \/* slightly smaller font *\/\n    font-weight: 600;\n    text-decoration: none;\n    border-radius: 30px;           \/* pill shape *\/\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n    transition: background-color 0.2s ease, border-color 0.2s ease;\n    margin-top: 20px;\n  }<\/p>\n<p>  .btn-booking:hover,\n  .btn-booking:focus {\n    background-color: #f8f8f8;     \/* soft gray on hover *\/\n    border-color: #cccccc;         \/* slightly darker border *\/\n  }\n<\/style>\n<section class=\"section section-lg bg-default text-center\">\n<div class=\"container\">\n<h2 class=\"appointment\">Book Your Appointment<\/h2>\n<div class=\"divider-lg\"><\/div>\n<p class=\"block-lg\">\n      Indulge yourself and make your booking for one or several of our services.\n      They include various types of massages and all kinds of therapy and are offered at affordable prices.\n    <\/p>\n<div class=\"row justify-content-center booking-form\">\n<div class=\"col-md-10 col-xl-8\">\n<p>        \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f952-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"952\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/20#wpcf7-f952-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"952\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.0.1\" \/>\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/>\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f952-o1\" \/>\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/>\n<input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/div>\n<input class=\"wpcf7-form-control wpcf7-hidden\" id=\"package\" value=\"\" type=\"hidden\" name=\"package\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" id=\"price\" value=\"\" type=\"hidden\" name=\"price\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" id=\"packagelink\" value=\"\" type=\"hidden\" name=\"packagelink\" \/>\n<div class=\"booking-form\">\n\t<div class=\"row\">\n\t\t<div class=\"col-lg-12\">\n\t\t\t<p><label>Select VIP Package <\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"package-select\"><select class=\"wpcf7-form-control wpcf7-select\" aria-invalid=\"false\" name=\"package-select\"><option value=\"VIP Gold Serenity   300EUR\">VIP Gold Serenity   300EUR<\/option><option value=\"VIP Gold Revive.  400EUR\">VIP Gold Revive.  400EUR<\/option><option value=\"VIP Diamonds Opulence.  600EUR\">VIP Diamonds Opulence.  600EUR<\/option><\/select><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"row\">\n\t\t<div class=\"col-lg-6\">\n\t\t\t<p><label>Name & Surname *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"fullname\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"fullname\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"col-lg-6\">\n\t\t\t<p><label>Email *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"email-951\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email form-control\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"email-951\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"row\">\n\t\t<div class=\"col-lg-12\">\n\t\t\t<p><label>Phone Number *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel form-control\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"phone\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"row\">\n\t\t<div class=\"col-lg-12\">\n\t\t\t<p><label>Full Address (Inc: Floor Number, Door Bell Name, Room number) *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"fulladdress\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"fulladdress\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"row\">\n\t\t<div class=\"col-lg-12\">\n\t\t\t<p><label>Postcode *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"postcode\"><input class=\"wpcf7-form-control wpcf7-number wpcf7-validates-as-required wpcf7-validates-as-number form-control\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"number\" name=\"postcode\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"row\">\n\t\t<div class=\"col-lg-6\">\n\t\t\t<p><label>Date *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"book-date\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required walcf7-datepicker\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"book-date\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"col-lg-6\">\n\t\t\t<p><label>Time *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"book-time\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required walcf7-timepicker\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"book-time\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"row\">\n\t\t<div class=\"col-lg-6\">\n\t\t\t<p><label>Duration *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"select-291\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"select-291\"><option value=\"1 hour\">1 hour<\/option><option value=\"1,5 hours\">1,5 hours<\/option><option value=\"2 hours\">2 hours<\/option><\/select><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"col-lg-6\">\n\t\t\t<p><label>Type of therapy <\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"select-293\"><select class=\"wpcf7-form-control wpcf7-select\" aria-invalid=\"false\" name=\"select-293\"><option value=\"Swedish massage\">Swedish massage<\/option><option value=\"Couple\u2019s massage\">Couple\u2019s massage<\/option><option value=\"Thai massage\">Thai massage<\/option><option value=\"Prenatal massage\">Prenatal massage<\/option><option value=\"Reflexology\">Reflexology<\/option><option value=\"Trigger point massage\">Trigger point massage<\/option><option value=\"Sports massage\">Sports massage<\/option><option value=\"Deep Tissue massage\">Deep Tissue massage<\/option><option value=\"Aromatherapy\">Aromatherapy<\/option><option value=\"Hot Stone Massage\">Hot Stone Massage<\/option><option value=\"Nuru Massage\">Nuru Massage<\/option><option value=\"Tantra massage\">Tantra massage<\/option><\/select><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"row\">\n\t\t<div class=\"col-lg-12\">\n\t\t\t<p><label>Additional comments<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"textarea-31\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea form-control-textarea\" aria-invalid=\"false\" name=\"textarea-31\"><\/textarea><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"row\">\n\t\t<div class=\"col-lg-12\">\n\t\t\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Make an appointment\" \/>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<!-- \u2705 PRICE DISPLAY FIELD -->\n<div class=\"row\">\n\t<div class=\"col-lg-12\">\n\t\t<p><label>Price<\/label><br \/>\n<input type=\"text\" name=\"price-display\" class=\"form-control\" readonly\n      style=\"text-align: center; font-weight: bold; font-size: 18px;\" \/>\n\t\t<\/p>\n\t<\/div>\n<\/div>\n<p><script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n const urlParams = new URLSearchParams(window.location.search);\n const packageParam = urlParams.get(\"package\");\n const priceParam = urlParams.get(\"price\");\n\n const packageDropdown = document.querySelector('select[name=\"package-select\"]');\n const priceField = document.querySelector('input[name=\"price\"]');\n const packageField = document.querySelector('input[name=\"package\"]');\n const linkField = document.querySelector('input[name=\"packagelink\"]');\n const durationField = document.querySelector('select[name=\"select-291\"]');\n const therapyField = document.querySelector('select[name=\"select-293\"]');\n const priceDisplay = document.querySelector('input[name=\"price-display\"]');\n\n \/* \u2705 VIP Package dropdown is ALWAYS disabled *\/\n if (packageDropdown) {\n packageDropdown.disabled = true;\n packageDropdown.style.backgroundColor = \"#e0e0e0\";\n packageDropdown.title = \"VIP package selection is locked.\";\n }\n\n \/* \u2705 Preselect VIP package from URL (if provided) *\/\n if (packageDropdown && packageParam) {\n [...packageDropdown.options].forEach(opt => {\n if (opt.value.trim().startsWith(packageParam)) opt.selected = true;\n });\n }\n\n \/* \u2705 Hidden fields *\/\n if (packageField && packageParam) packageField.value = packageParam;\n if (priceField && priceParam) priceField.value = priceParam;\n if (durationField && packageParam) durationField.value = \"2 hours\";\n\n \/* \u2705 Stripe payment links *\/\n if (linkField && packageParam) {\n switch (packageParam) {\n case \"VIP Gold Serenity\":\n linkField.value = \"https:\/\/buy.stripe.com\/cNi7sL98d81fgZB2Dp3Ru01\";\n break;\n case \"VIP Gold Revive\":\n linkField.value = \"https:\/\/buy.stripe.com\/cNi6oH5W1epD8t5em73Ru02\";\n break;\n case \"VIP Diamonds Opulence\":\n linkField.value = \"https:\/\/buy.stripe.com\/3cIfZh7054P34cP0vh3Ru03\";\n break;\n }\n }\n\n \/* \u2705 Disable therapy ONLY if VIP package is preselected from URL *\/\n if (therapyField) {\n if (packageParam) {\n therapyField.disabled = true;\n therapyField.removeAttribute(\"required\");\n therapyField.style.backgroundColor = \"#e0e0e0\";\n therapyField.title = \"Disabled because a VIP package was pre-selected.\";\n } else {\n therapyField.disabled = false;\n therapyField.setAttribute(\"required\", \"required\");\n therapyField.style.backgroundColor = \"\";\n therapyField.title = \"\";\n }\n }\n\n \/* \u2705 Price calculation for non-VIP therapy bookings *\/\n const priceTable = {\n \"Swedish massage\": { \"1 hour\": 70, \"1,5 hours\": 100, \"2 hours\": 130 },\n \"Tantra massage\": { \"1 hour\": 160, \"1,5 hours\": 220, \"2 hours\": 300 },\n \"Nuru Massage\": { \"1 hour\": 160, \"1,5 hours\": 220, \"2 hours\": 300 },\n \"Couple\u2019s massage\": { \"1 hour\": 120, \"1,5 hours\": 160, \"2 hours\": 200 },\n \"Thai massage\": { \"1 hour\": 80, \"1,5 hours\": 100, \"2 hours\": 140 },\n \"Reflexology\": { \"1 hour\": 70, \"1,5 hours\": 90, \"2 hours\": 120 },\n \"Trigger point massage\":{ \"1 hour\": 70, \"1,5 hours\": 100, \"2 hours\": 130 },\n \"Sports massage\": { \"1 hour\": 80, \"1,5 hours\": 110, \"2 hours\": 130 },\n \"Deep Tissue massage\": { \"1 hour\": 80, \"1,5 hours\": 100, \"2 hours\": 120 },\n \"Aromatherapy\": { \"1 hour\": 70, \"1,5 hours\": 90, \"2 hours\": 120 }\n };\n\n function updatePrice() {\n const therapy = therapyField.value;\n const duration = durationField.value;\n if (priceTable[therapy] && priceTable[therapy][duration]) {\n const price = priceTable[therapy][duration];\n priceDisplay.value = price + \"\u20ac\";\n priceField.value = price;\n } else {\n priceDisplay.value = \"\";\n priceField.value = \"\";\n }\n }\n\n therapyField.addEventListener(\"change\", updatePrice);\n durationField.addEventListener(\"change\", updatePrice);\n});\n<\/script>\n<\/p>\n\n<!-- \u2705 Sends booking data -->\n<p><script>\ndocument.addEventListener('wpcf7mailsent', function(event) {\n const form = event.detail.inputs;\n const data = {};\n form.forEach(function(input) { data[input.name] = input.value; });\n\n fetch(\"https:\/\/bonnmassage.com\/wp-content\/themes\/bonmassagenew\/booking-proxy.php\", {\n method: 'POST',\n body: JSON.stringify(data),\n headers: { 'Content-Type': 'application\/json' }\n });\n}, false);\n<\/script>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/p>\n<p>        <!-- Payment Button styled identically --><\/p>\n<div class=\"mt-4\">\n          <a class=\"btn-booking\" href=\"https:\/\/buy.stripe.com\/14A7sL0BHgxL10DcdZ3Ru00\" target=\"_blank\" rel=\"noopener noreferrer\">\n            Proceed wih Payment\n          <\/a>\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Book Your Appointment Indulge yourself and make your booking for one or several of our services. They include various types of massages and all kinds of therapy and are offered at affordable prices. Proceed wih Payment<\/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-20","page","type-page","status-publish","hentry"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/bonmassage.gr\/en\/wp-json\/wp\/v2\/pages\/20"}],"collection":[{"href":"https:\/\/bonmassage.gr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bonmassage.gr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bonmassage.gr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bonmassage.gr\/en\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":23,"href":"https:\/\/bonmassage.gr\/en\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":408,"href":"https:\/\/bonmassage.gr\/en\/wp-json\/wp\/v2\/pages\/20\/revisions\/408"}],"wp:attachment":[{"href":"https:\/\/bonmassage.gr\/en\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}