{"id":26994,"date":"2026-03-02T16:28:01","date_gmt":"2026-03-02T12:28:01","guid":{"rendered":"https:\/\/kustbapadel.ge\/?page_id=26994"},"modified":"2026-06-01T14:41:13","modified_gmt":"2026-06-01T10:41:13","slug":"booking","status":"publish","type":"page","link":"https:\/\/kustbapadel.ge\/en\/booking\/","title":{"rendered":"Booking"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"26994\" class=\"elementor elementor-26994 elementor-25067\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cc5ce4e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cc5ce4e\" data-element_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-130a332\" data-id=\"130a332\" data-element_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-8abaa6a elementor-widget elementor-widget-shortcode\" data-id=\"8abaa6a\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div id=\"turtle-booking-wrapper\" data-lang=\"en\">\r\n        <h2 class=\"booking-title\">Padel Court Booking<\/h2>\r\n        \r\n        <div id=\"step-navigation-container\">\r\n            <div id=\"step-labels\">\r\n                <div class=\"step-label active\" data-step=\"1\">1. Select Time<\/div>\r\n                <div class=\"step-label\" data-step=\"2\">2. Select Service<\/div>\r\n                <div class=\"step-label\" data-step=\"3\">3. Summary<\/div>\r\n            <\/div>\r\n            <div id=\"step-progress-bar\">\r\n                <div class=\"progress-segment active\" data-step=\"1\"><\/div>\r\n                <div class=\"progress-segment\" data-step=\"2\"><\/div>\r\n                <div class=\"progress-segment\" data-step=\"3\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div id=\"booking-timer-container\" style=\"display: none;\">\r\n            <div class=\"timer-box\">\r\n                <span class=\"timer-icon\">\u23f3<\/span>\r\n                <span class=\"timer-text\">Time remaining to confirm booking:<\/span>\r\n                <span id=\"booking-timer\">05:00<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div id=\"turtle-booking-form\">\r\n            <input type=\"hidden\" id=\"reschedule-id\" value=\"\">\r\n            \r\n            <div id=\"booking-steps\">\r\n                <!-- Step 1: Date & Time -->\r\n                <div class=\"booking-step active\" id=\"booking-step-1\">\r\n                    <div class=\"step-actions-top\">\r\n                        <button class=\"next-step\" disabled>Next<\/button>\r\n                    <\/div>\r\n                    <div class=\"step-content\">\r\n                        <div id=\"calendar-container\">\r\n                            <div class=\"step-header\">\r\n                                <h3 class=\"step-instruction\">Select Date<\/h3>\r\n                            <\/div>\r\n                            <div id=\"calendar\"><\/div>\r\n                        <\/div>\r\n                        <div id=\"time-slots-container\">\r\n                            <div class=\"step-header\">\r\n                                <h3 class=\"step-instruction\">Select Time<\/h3>\r\n                            <\/div>\r\n                            <ul id=\"time-slots\"><\/ul>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- Step 2: Court Selection -->\r\n                <div class=\"booking-step\" id=\"booking-step-2\">\r\n                    <div class=\"step-header\">\r\n                        <h3 class=\"step-instruction\">Select Preferred Padel Court<\/h3>\r\n                        <a href=\"#\" id=\"view-court-map-btn\" class=\"view-map-link\"><span class=\"icon\">\ud83d\uddfa\ufe0f<\/span> View Court Map<\/a>\r\n                    <\/div>\r\n                    <div class=\"step-actions-top\">\r\n                        <button class=\"prev-step\">Back<\/button>\r\n                        <button class=\"next-step\" disabled>Next<\/button>\r\n                    <\/div>\r\n                    <div class=\"step-content\">\r\n                        <div id=\"court-selection-list\">\r\n                            <!-- Cards will be injected dynamically by JS -->\r\n                        <\/div>\r\n                        <div id=\"booking-loader\" style=\"display:none;\">\r\n                            <div class=\"spinner\"><\/div>\r\n                            <p>Checking available courts...<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Step 3: Summary -->\r\n                <div class=\"booking-step\" id=\"booking-step-3\">\r\n                    <div class=\"step-header\">\r\n                        <h3 class=\"step-instruction\">Booking Summary<\/h3>\r\n                    <\/div>\r\n                    <div class=\"step-actions-top\">\r\n                        <button class=\"prev-step\">Back<\/button>\r\n                        <button type=\"button\" id=\"proceed-to-book-btn\" class=\"primary-btn\">Book Now<\/button>\r\n                    <\/div>\r\n                    <div class=\"step-content\">\r\n                        <div id=\"booking-summary-container\">\r\n                            <div id=\"booking-summary\"><\/div>\r\n                            \r\n                            <div id=\"coupon-section\">\r\n                                <div class=\"coupon-input-wrapper\">\r\n                                    <input type=\"text\" id=\"coupon-code\" placeholder=\"Discount Code\">\r\n                                    <button type=\"button\" id=\"apply-coupon-btn\">Apply<\/button>\r\n                                <\/div>\r\n                                <div id=\"coupon-message\"><\/div>\r\n                            <\/div>\r\n                            \r\n                            <div id=\"credit-payment-section\" style=\"display:none;\">\r\n                                <div class=\"credit-balance-info\">\r\n                                    <span class=\"icon\">\ud83d\udcb3<\/span>\r\n                                    <p id=\"user-credit-balance-text\"><\/p>\r\n                                <\/div>\r\n                                <label class=\"custom-checkbox-container\">\r\n                                    <input type=\"checkbox\" id=\"use-credit-checkbox\">\r\n                                    <span class=\"checkmark\"><\/span>\r\n                                    Pay with Credits (1 GEL = 1 Credit)                                <\/label>\r\n                            <\/div>\r\n\r\n                                                            <div class=\"guest-login-notice\" id=\"guest-login-notice\">\r\n                                    <span class=\"icon\">\ud83d\udca1<\/span>\r\n                                    <div class=\"guest-notice-content\">\r\n                                        <p>Authorization is required to pay with credits.<\/p>\r\n                                        <button type=\"button\" class=\"login-modal-trigger-btn\">Login \/ Registration<\/button>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            \r\n                            <!-- Final Booking Details (Always visible) -->\r\n                            <div id=\"final-booking-details\" style=\"margin-top: 25px; padding-top: 20px; border-top: 1px solid var(--border-color);\">\r\n                                <div class=\"modern-form\">\r\n                                    <div class=\"form-group\" id=\"booking-comment-group\">\r\n                                        <label for=\"booking-comment\">Comment (Optional)<\/label>\r\n                                        <textarea id=\"booking-comment\" name=\"comment\" placeholder=\"e.g., additional requirements...\"><\/textarea>\r\n                                    <\/div>\r\n                                    <div class=\"form-group terms-group\" id=\"booking-terms-group\">\r\n                                        <label class=\"custom-checkbox-container\">\r\n                                            <input type=\"checkbox\" id=\"booking-terms\" name=\"terms\" required>\r\n                                            <span class=\"checkmark\"><\/span>\r\n                                            I agree to the <a href=\"https:\/\/kustbapadel.ge\/terms-and-conditions\/\" target=\"_blank\">Terms and Conditions<\/a>                                        <\/label>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Auth Modal (Simplified) -->\r\n        <div id=\"turtle-auth-modal\" class=\"turtle-modal\" style=\"display:none;\">\r\n            <div class=\"turtle-modal-content\">\r\n                <span class=\"close-modal\">&times;<\/span>\r\n                \r\n                <h3 class=\"modal-title\">Authorization<\/h3>\r\n\r\n                <div class=\"auth-tabs\">\r\n                    <button type=\"button\" class=\"auth-tab active\" data-target=\"modal-login-container\">Login<\/button>\r\n                    <button type=\"button\" class=\"auth-tab\" data-target=\"modal-register-container\">Registration<\/button>\r\n                <\/div>\r\n\r\n                <div id=\"modal-login-container\" class=\"auth-form-wrapper active\">\r\n                    <form id=\"modal-login-form\" class=\"modern-form\">\r\n                        <div class=\"form-group\">\r\n                            <label for=\"m-login-username\">Email or Username<\/label>\r\n                            <input type=\"text\" id=\"m-login-username\" name=\"username\" required>\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label for=\"m-login-password\">Password<\/label>\r\n                            <input type=\"password\" id=\"m-login-password\" name=\"password\" required>\r\n                        <\/div>\r\n                        <div id=\"m-login-message\" class=\"auth-message\"><\/div>\r\n                        <button type=\"submit\" class=\"primary-btn auth-submit-btn\">Login<\/button>\r\n                    <\/form>\r\n                <\/div>\r\n\r\n                <div id=\"modal-register-container\" class=\"auth-form-wrapper\">\r\n                    <form id=\"modal-register-form\" class=\"modern-form\">\r\n                        <div class=\"form-row\">\r\n                            <div class=\"form-group\">\r\n                                <label for=\"m-reg-first-name\">First Name<\/label>\r\n                                <input type=\"text\" id=\"m-reg-first-name\" name=\"first_name\" required>\r\n                            <\/div>\r\n                            <div class=\"form-group\">\r\n                                <label for=\"m-reg-last-name\">Last Name<\/label>\r\n                                <input type=\"text\" id=\"m-reg-last-name\" name=\"last_name\" required>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label for=\"m-reg-email\">Email<\/label>\r\n                            <input type=\"email\" id=\"m-reg-email\" name=\"email\" required>\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label for=\"m-reg-phone\">Phone<\/label>\r\n                            <input type=\"tel\" id=\"m-reg-phone\" name=\"phone\" placeholder=\"599 00 00 00\" required>\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label for=\"m-reg-password\">Password<\/label>\r\n                            <input type=\"password\" id=\"m-reg-password\" name=\"password\" minlength=\"8\" placeholder=\"Minimum 8 characters\" required>\r\n                        <\/div>\r\n                        <div id=\"m-register-message\" class=\"auth-message\"><\/div>\r\n                        <button type=\"submit\" class=\"primary-btn auth-submit-btn\">Registration<\/button>\r\n                    <\/form>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <\/div>\n\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\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":18,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-26994","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/kustbapadel.ge\/en\/wp-json\/wp\/v2\/pages\/26994","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kustbapadel.ge\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kustbapadel.ge\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kustbapadel.ge\/en\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/kustbapadel.ge\/en\/wp-json\/wp\/v2\/comments?post=26994"}],"version-history":[{"count":7,"href":"https:\/\/kustbapadel.ge\/en\/wp-json\/wp\/v2\/pages\/26994\/revisions"}],"predecessor-version":[{"id":27126,"href":"https:\/\/kustbapadel.ge\/en\/wp-json\/wp\/v2\/pages\/26994\/revisions\/27126"}],"wp:attachment":[{"href":"https:\/\/kustbapadel.ge\/en\/wp-json\/wp\/v2\/media?parent=26994"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}