{"id":4272146320,"date":"2025-12-09T11:43:19","date_gmt":"2025-12-09T11:43:19","guid":{"rendered":"https:\/\/neuronicdev.es\/deep-sea-world\/?page_id=4272146320"},"modified":"2025-12-11T09:16:58","modified_gmt":"2025-12-11T09:16:58","slug":"annual-pass-purchase","status":"publish","type":"page","link":"https:\/\/neuronicdev.es\/deep-sea-world\/annual-pass-purchase\/","title":{"rendered":"Annual Pass Purchase"},"content":{"rendered":"        <div class=\"venpos-booking-form\" \n             data-page-id=\"5d0b7934-9ea1-4e87-9dac-b85906502aac\"\n             data-style=\"enhanced\"\n             data-theme=\"blue-planet\"\n             data-redirect-url=\"\"\n             data-experience-type=\"membership\"\n             data-experience-type-name=\"Membership\"\n             data-workflow=\"general\"\n             >\n            \n            <div class=\"venpos-booking-form__container\">\n                \n                <!-- Progress Steps -->\n                <div class=\"venpos-booking-form__progress\">\n                    <div class=\"venpos-booking-form__steps\">\n                        <div class=\"venpos-booking-form__step venpos-booking-form__step--active\" data-step=\"1\">\n                            <div class=\"venpos-booking-form__step-circle\">1<\/div>\n                            <div class=\"venpos-booking-form__step-label\">Tickets<\/div>\n                        <\/div>\n                        <div class=\"venpos-booking-form__step\" data-step=\"2\">\n                            <div class=\"venpos-booking-form__step-circle\">2<\/div>\n                            <div class=\"venpos-booking-form__step-label\">Extras<\/div>\n                        <\/div>\n                        <div class=\"venpos-booking-form__step\" data-step=\"3\">\n                            <div class=\"venpos-booking-form__step-circle\">3<\/div>\n                            <div class=\"venpos-booking-form__step-label\">Basket<\/div>\n                        <\/div>\n                        <div class=\"venpos-booking-form__step\" data-step=\"4\">\n                            <div class=\"venpos-booking-form__step-circle\">4<\/div>\n                            <div class=\"venpos-booking-form__step-label\">Details<\/div>\n                        <\/div>\n                        <div class=\"venpos-booking-form__step\" data-step=\"5\">\n                            <div class=\"venpos-booking-form__step-circle\">5<\/div>\n                            <div class=\"venpos-booking-form__step-label\">Payment<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Main Layout -->\n                <div class=\"venpos-booking-form__layout\">\n                    \n                    <!-- Left Sidebar - Page Info -->\n                    <div class=\"venpos-booking-form__sidebar-left\">\n                        <h2 class=\"venpos-booking-form__page-title\">\n                            Annual Passes                        <\/h2>\n                        \n                        <div class=\"venpos-booking-form__page-content\">\n                                                            <div class=\"venpos-booking-form__page-description\">\n                                    <p class=\"MsoNormal\">With so much to explore, one visit is never enough. An\nAnnual Pass lets you and your family return again and again to discover Deep\nSea World\u2019s hidden depths.<\/p><p class=\"MsoNormal\">Visit more than three times a year and you\u2019re guaranteed to\nsave.<\/p><p class=\"MsoNormal\">Annual passes are delivered digitally via your confirmation\nemail and can be stored in your mobile wallet.<\/p><p style=\"margin-right: auto;margin-left: auto;width: 750.556px;, sans-serif;font-size: 16px\">\n\n\n\n\n\n<\/p><p class=\"MsoNormal\">Please note: Proof of identification may be required for\nentry at Deep Sea World.<\/p>\n                                <\/div>\n                                                        <h4>Additional Information<\/h4>\n                            <p>Please check the specific terms and conditions for your booking.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Main Content Area -->\n                    <div class=\"venpos-booking-form__main-content\">\n                        \n                        <!-- Step 1: Ticket Selection -->\n                        <div class=\"venpos-booking-form__step-content venpos-booking-form__step-content--active\" data-step=\"1\">\n                            <div class=\"venpos-booking-form__content-header\">\n                                <div class=\"venpos-booking-form__tickets-header\">\n                                    <div class=\"header-type\">Ticket type<\/div>\n                                    <div class=\"header-price\">Price<\/div>\n                                    <div class=\"header-qty\">Qty<\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"venpos-booking-form__content-body\">\n                                <!-- Loading state -->\n                                <div class=\"venpos-loading venpos-booking-form__loading\">\n                                    <div class=\"venpos-loading__animation\">\n                                        <div class=\"venpos-loading__wave\"><\/div>\n                                        <div class=\"venpos-loading__wave\"><\/div>\n                                        <div class=\"venpos-loading__wave\"><\/div>\n                                    <\/div>\n                                    <div class=\"venpos-loading__bubbles\">\n                                        <div class=\"venpos-loading__bubble\"><\/div>\n                                        <div class=\"venpos-loading__bubble\"><\/div>\n                                        <div class=\"venpos-loading__bubble\"><\/div>\n                                    <\/div>\n                                    <p class=\"venpos-loading__text\">Loading available tickets...<\/p>\n                                <\/div>\n                                \n                                <!-- Tickets will be loaded here -->\n                                <div class=\"venpos-booking-form__ticket-grid\" style=\"display: none;\"><\/div>\n                                \n                                <!-- Error state -->\n                                <div class=\"venpos-error-container venpos-booking-form__error\" style=\"display: none;\">\n                                    <div class=\"venpos-error-container__icon\">!<\/div>\n                                    <h3 class=\"venpos-error-container__title\">Oops! Something went wrong<\/h3>\n                                    <p class=\"venpos-error-container__message\">We couldn't load the available tickets. Please try again.<\/p>\n                                    <button class=\"venpos-btn venpos-btn--coral venpos-error-container__retry\">\n                                        Try Again\n                                    <\/button>\n                                <\/div>\n                                \n                            <\/div>\n                        <\/div>\n\n                        <!-- Step 2: Extras -->\n                        <div class=\"venpos-booking-form__step-content\" data-step=\"2\" style=\"display: none;\">\n                            <div class=\"venpos-booking-form__content-header\">\n                                <h2>Add Extras<\/h2>\n                            <\/div>\n                            <div class=\"venpos-booking-form__content-body\">\n                                <div class=\"venpos-booking-form__extras-grid\"><\/div>\n                                <div class=\"venpos-booking-form__step-actions\">\n                                    <button class=\"venpos-btn venpos-btn--secondary venpos-booking-form__back-btn\">Back<\/button>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Step 3: Basket -->\n                        <div class=\"venpos-booking-form__step-content\" data-step=\"3\" style=\"display: none;\">\n                            <div class=\"venpos-booking-form__content-header\">\n                                <h2>Your Basket<\/h2>\n                            <\/div>\n                            <div class=\"venpos-booking-form__content-body\">\n                                <div class=\"venpos-booking-form__basket-items\"><\/div>\n                                <div class=\"venpos-booking-form__step-actions\">\n                                    <button class=\"venpos-btn venpos-btn--secondary venpos-booking-form__back-btn\">Back<\/button>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Step 4.5: Membership Details (dynamic - shown only for membership workflow) -->\n                        <div class=\"venpos-booking-form__step-content\" data-step=\"4.5\" style=\"display: none;\">\n                            <div class=\"venpos-booking-form__content-header\">\n                                <h2>Membership Details<\/h2>\n                            <\/div>\n                            <div class=\"venpos-booking-form__content-body\">\n                                <!-- Membership forms will be loaded here by JavaScript -->\n                                <div class=\"venpos-booking-form__membership-forms\"><\/div>\n                                <div class=\"venpos-booking-form__step-actions\">\n                                    <button class=\"venpos-btn venpos-btn--secondary venpos-booking-form__back-btn\">Back<\/button>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Step 4: Customer Details -->\n                        <div class=\"venpos-booking-form__step-content\" data-step=\"4\" style=\"display: none;\">\n                            <div class=\"venpos-booking-form__content-header\">\n                                <h2>Your Details<\/h2>\n                            <\/div>\n                            <div class=\"venpos-booking-form__content-body\">\n                                <div class=\"venpos-booking-form__customer-form\"><\/div>\n                                <div class=\"venpos-booking-form__step-actions\">\n                                    <button class=\"venpos-btn venpos-btn--secondary venpos-booking-form__back-btn\">Back<\/button>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Step 5: Payment -->\n                        <div class=\"venpos-booking-form__step-content\" data-step=\"5\" style=\"display: none;\">\n                            <div class=\"venpos-booking-form__content-header\">\n                                <h2>Payment<\/h2>\n                            <\/div>\n                            <div class=\"venpos-booking-form__content-body\">\n                                <div class=\"venpos-booking-form__payment-widget\"><\/div>\n                                <div class=\"venpos-booking-form__step-actions\">\n                                    <button class=\"venpos-btn venpos-btn--secondary venpos-booking-form__back-btn\">Back<\/button>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                    <\/div>\n\n                    <!-- Right Sidebar - Summary -->\n                    <div class=\"venpos-booking-form__sidebar-right\">\n                        <div class=\"venpos-booking-form__summary\">\n                            <!-- <div class=\"venpos-booking-form__summary-header\">\n                                <h3>Booking Summary<\/h3>\n                            <\/div> -->\n                            <div class=\"venpos-booking-form__summary-body\">\n                                <div class=\"venpos-booking-form__summary-items\">\n                                    <div class=\"venpos-booking-form__summary-item\">\n                                        <span>No items selected<\/span>\n                                    <\/div>\n                                <\/div>\n                                \n                                <!-- Gift Voucher Section (for gift redemption workflows) -->\n                                <div class=\"venpos-booking-form__voucher-section\">\n                                    <h4>Redeem Gift Voucher<\/h4>\n                                    <hr class=\"venpos-booking-form__section-divider\">\n                                    <p><em>(note only one voucher can be added to this order)<\/em><\/p>\n                                    <p>Enter voucher number below<\/p>\n                                    <div class=\"venpos-form-group\">\n                                        <input type=\"text\" class=\"venpos-form-input\" placeholder=\"Enter voucher number\" data-gift-input>\n                                        <button class=\"venpos-btn venpos-btn--secondary\" data-apply-gift>Apply<\/button>\n                                    <\/div>\n                                <\/div>\n                                \n                                <!-- Discount Code (Step 3) -->\n                                <div class=\"venpos-booking-form__discount-section\" style=\"display: none;\">\n                                    <h4>Discount Code<\/h4>\n                                    <p>Enter discount code below<\/p>\n                                    <div class=\"venpos-form-group\">\n                                        <input type=\"text\" class=\"venpos-form-input\" placeholder=\"Enter code\" data-discount-input>\n                                        <button class=\"venpos-btn venpos-btn--secondary\" data-apply-discount>Apply<\/button>\n                                    <\/div>\n                                    <!-- State container for loading, success, error messages -->\n                                    <div class=\"venpos-discount-state\" style=\"display: none;\">\n                                        <!-- This will show loading, success, or error states -->\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\n                <!-- Floating Bottom Bar -->\n                <div class=\"venpos-booking-form__bottom-bar\">\n                    <div class=\"venpos-booking-form__bottom-content\">\n                        <div class=\"venpos-booking-form__bottom-spacer\"><\/div>\n                        <div class=\"venpos-booking-form__bottom-summary\">\n                            <span class=\"venpos-booking-form__bottom-summary-text\">0 items selected<\/span>\n                            <span class=\"venpos-booking-form__bottom-summary-total\">\u00a30.00<\/span>\n                        <\/div>\n                        <div class=\"venpos-booking-form__bottom-actions\">\n                            <button class=\"venpos-booking-form__bottom-btn venpos-booking-form__bottom-btn--primary\">\n                                Continue\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":4272146273,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-4272146320","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/neuronicdev.es\/deep-sea-world\/wp-json\/wp\/v2\/pages\/4272146320","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/neuronicdev.es\/deep-sea-world\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/neuronicdev.es\/deep-sea-world\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/neuronicdev.es\/deep-sea-world\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/neuronicdev.es\/deep-sea-world\/wp-json\/wp\/v2\/comments?post=4272146320"}],"version-history":[{"count":1,"href":"https:\/\/neuronicdev.es\/deep-sea-world\/wp-json\/wp\/v2\/pages\/4272146320\/revisions"}],"predecessor-version":[{"id":4272146321,"href":"https:\/\/neuronicdev.es\/deep-sea-world\/wp-json\/wp\/v2\/pages\/4272146320\/revisions\/4272146321"}],"up":[{"embeddable":true,"href":"https:\/\/neuronicdev.es\/deep-sea-world\/wp-json\/wp\/v2\/pages\/4272146273"}],"wp:attachment":[{"href":"https:\/\/neuronicdev.es\/deep-sea-world\/wp-json\/wp\/v2\/media?parent=4272146320"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}