{"id":4605,"date":"2021-02-24T10:10:52","date_gmt":"2021-02-24T10:10:52","guid":{"rendered":"http:\/\/www.nicdarkthemes.com\/themes\/tennis\/wp\/demo\/tennis-club\/?page_id=4605"},"modified":"2023-12-07T14:17:17","modified_gmt":"2023-12-07T15:47:17","slug":"rezervacija","status":"publish","type":"page","link":"https:\/\/siauliupadel.lt\/lt\/rezervacija\/","title":{"rendered":"Rezervacija"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"4605\" class=\"elementor elementor-4605\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6deab993 elementor-section-stretched elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6deab993\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\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-a65080b\" data-id=\"a65080b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-65a61f63 elementor-widget elementor-widget-heading\" data-id=\"65a61f63\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.15.0 - 02-08-2023 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h1 class=\"elementor-heading-title elementor-size-default\">Rezervuoti<\/h1>\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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cd75283 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cd75283\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&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-63938fe\" data-id=\"63938fe\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4d1acbc elementor-widget elementor-widget-shortcode\" data-id=\"4d1acbc\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"stylesheet\" href=\"\/\/code.jquery.com\/ui\/1.13.2\/themes\/base\/jquery-ui.css\">\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.js\"><\/script>\r\n<script src=\"https:\/\/code.jquery.com\/ui\/1.13.2\/jquery-ui.js\"><\/script>\r\n<!-- Override default jquery stylesheet -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/siauliupadel.lt\/wp-content\/plugins\/booking-padel\/assets\/css\/uzdraBooking.css\">\r\n\r\n\r\n<div id=\"booking-container\">\r\n    <div id=\"booking-calendar\">\r\n        <div id=\"booking-datepicker\" class=\"\"><\/div>\r\n        <div id=\"booking-timeslots\">\r\n            <div class=\"booking-categories\">\r\n                <div class=\"booking-category active\" data-value=\"inside_padel\">Vidiniai<\/div>\r\n                <div class=\"booking-category\" data-value=\"outside_padel\">Laukiniai<\/div>\r\n            <\/div>\r\n            <div id=\"booking-timeslots-table\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <div id=\"booking-cart\" class=\"\">\r\n        <table id=\"bookingReservations\">\r\n            <thead>\r\n            <tr>\r\n                <td colspan=\"2\">Reservations<\/td>\r\n                <td id=\"basketTotals\"><\/td>\r\n            <\/tr>\r\n            <tr style=\"border: none\">\r\n                <td colspan=\"3\" class=\"reservationNodata\">Pick a time slot first<\/td>\r\n            <\/tr>\r\n            <\/thead>\r\n            <tbody>\r\n            <\/tbody>\r\n        <\/table>\r\n        <div id=\"reservationForm\" style=\"display: none\">\r\n            <input type=\"text\" name=\"reservationName\" placeholder=\"Name and surname\" required>\r\n            <input type=\"text\" name=\"reservationEmail\" placeholder=\"El. pa\u0161to adresas\" required>\r\n            <input type=\"text\" name=\"reservationPhone\" placeholder=\"Telefonas\" required>\r\n            <br>\r\n            <div class=\"reservationCheckbox_div\">\r\n                <label id=\"terms_and_conditions\" class=\"reservationCheckbox\" style=\"display:inline-block\">I agree to terms and conditions                    <input type=\"checkbox\" name=\"terms_and_conditions\" required>\r\n                    <span class=\"checkmark\"><\/span>\r\n                <\/label>\r\n                <a href=\"https:\/\/siauliupadel.lt\/lt\/salygos\/\" target=\"_blank\" style=\"display: inline-block;\">&nbsp;&nbsp;&nbsp;<b>Read<\/b><\/a>\r\n                <label class=\"reservationCheckbox\">Need invoice                    <input type=\"checkbox\" name=\"need_invoice\">\r\n                    <span class=\"checkmark\"><\/span>\r\n                <\/label>\r\n            <\/div>\r\n            <button id=\"payButton\" style=\"display: none\">Pay<\/button>\r\n\r\n        <\/div>\r\n        <button id=\"reservationButton\" style=\"display: none\">Rezervuoti<\/button>\r\n    <\/div>\r\n<\/div>\r\n<script>\r\n    var shakeTime = 600;\r\n    jQuery( function() {\r\n        jQuery( \"#booking-datepicker\" ).datepicker(\r\n            {\r\n                minDate: 0,\r\n                dateFormat: 'yy-mm-dd',\r\n                inline: true,\r\n                \/**\r\n                dayNamesMin: ['Sek', 'Pir', 'Ant', 'Tre', 'Ket', 'Pen', '\u0160e\u0161'],\r\n                monthNames: [ \"Sausis\", \"Vasaris\", \"Kovas\", \"Balandis\",\r\n                    \"Gegu\u017e\u0117\", \"Bir\u017eelis\", \"Liepa\", \"Rugpj\u016btis\", \"Rugs\u0117jis\",\r\n                    \"Spalis\", \"Lapkritis\", \"Gruodis\" ],\r\n                 *\/\r\n                onSelect: function (date, datepicker) {\r\n                    getTimeslots();\r\n                },\r\n            }\r\n        );}\r\n    );\r\n    setTimeout(() => { getTimeslots();}, 300);\r\n\r\n    \/\/ Reserve button event listener\r\n    document.getElementById(\"reservationButton\").addEventListener(\"click\", (event) => {\r\n        \/\/ Disable reserve button\r\n        event.target.style.display = \"none\";\r\n\r\n        \/\/ Disable calendar\r\n        jQuery(\"#booking-calendar\").addClass(\"disabled\");\r\n\r\n        \/\/ Disable item remove function\r\n        jQuery(\".cancel\").hide(\"fast\");\r\n\r\n        \/\/ Enable pay button\r\n        payButton = document.getElementById(\"payButton\");\r\n        payButton.innerText += \" \" + document.getElementById(\"basketTotals\").innerText;\r\n        jQuery(payButton).show(\"slow\");\r\n        jQuery(\"#reservationForm\").slideToggle( \"slow\" );\r\n    });\r\n\r\n\r\n    \/\/ Pay button event listener\r\n    document.getElementById(\"payButton\").addEventListener(\"click\", (event) => {\r\n        validationPassed = true;\r\n        nameField = document.querySelector('input[name=\"reservationName\"]');\r\n        emailField = document.querySelector('input[name=\"reservationEmail\"]');\r\n        phoneField = document.querySelector('input[name=\"reservationPhone\"]');\r\n        termsField = document.querySelector('input[name=\"terms_and_conditions\"]');\r\n        invoiceField = document.querySelector('input[name=\"need_invoice\"]').checked;\r\n        if (nameField.value.length < 6) {\r\n            jQuery(nameField).effect(\"shake\", { times:3 }, shakeTime);\r\n            validationPassed = false;\r\n        }\r\n        if (emailField.value.length < 6) {\r\n            jQuery(emailField).effect(\"shake\", { times:3 }, shakeTime);\r\n            validationPassed = false;\r\n        }\r\n        if (phoneField.value.length < 6) {\r\n            jQuery(phoneField).effect(\"shake\", { times:3 }, shakeTime);\r\n            validationPassed = false;\r\n        }\r\n        if (termsField.checked == false) {\r\n            jQuery(\"#terms_and_conditions\").effect(\"shake\", { times:3 }, shakeTime);\r\n            validationPassed = false;\r\n        }\r\n        if (validationPassed) {\r\n            jQuery(event.target).addClass(\"disabled\");\r\n            total = jQuery(\"#basketTotals\").attr(\"data-total\");\r\n            const args = {\r\n                name: nameField.value,\r\n                email: emailField.value,\r\n                phone: phoneField.value,\r\n                need_invoice: invoiceField,\r\n                total: total,\r\n                booking: []\r\n            };\r\n            reservations = document.querySelectorAll(\".reservedTimeslots\");\r\n            let newArr = [];\r\n            for (i=0; i < reservations.length; i++) {\r\n                time = jQuery(reservations[i]).attr(\"data-time\");\r\n                date = jQuery(reservations[i]).attr(\"data-date\");\r\n                price = jQuery(reservations[i]).attr(\"data-price\");\r\n                arena = jQuery(reservations[i]).attr(\"data-arena\");\r\n                arena_name = jQuery(reservations[i]).attr(\"data-arena-name\");\r\n                newArr.push({\r\n                    arena_name: arena_name,\r\n                    arena: arena,\r\n                    time: time,\r\n                    price: price,\r\n                    date: date,\r\n                });\r\n            }\r\n            args.booking.push(newArr);\r\n            newBooking(args);\r\n        }\r\n    });\r\n<\/script>\r\n\t\t<div class=\"elementor-shortcode\"><\/div>\n\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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Rezervuoti<\/p>","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4605","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/siauliupadel.lt\/lt\/wp-json\/wp\/v2\/pages\/4605","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/siauliupadel.lt\/lt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/siauliupadel.lt\/lt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/siauliupadel.lt\/lt\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/siauliupadel.lt\/lt\/wp-json\/wp\/v2\/comments?post=4605"}],"version-history":[{"count":16,"href":"https:\/\/siauliupadel.lt\/lt\/wp-json\/wp\/v2\/pages\/4605\/revisions"}],"predecessor-version":[{"id":6331,"href":"https:\/\/siauliupadel.lt\/lt\/wp-json\/wp\/v2\/pages\/4605\/revisions\/6331"}],"wp:attachment":[{"href":"https:\/\/siauliupadel.lt\/lt\/wp-json\/wp\/v2\/media?parent=4605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}