{"id":103522,"date":"2025-10-17T10:44:34","date_gmt":"2025-10-17T09:44:34","guid":{"rendered":"https:\/\/neuronicdev.es\/bpa\/?page_id=103522"},"modified":"2025-10-17T10:44:34","modified_gmt":"2025-10-17T09:44:34","slug":"flexi-tickets-purchase","status":"publish","type":"page","link":"https:\/\/neuronicdev.es\/bpa\/flexi-tickets-purchase\/","title":{"rendered":"Flexi Tickets Purchase"},"content":{"rendered":"        <div class=\"venpos-booking-form\" \n             data-page-id=\"70439fa7-fe2e-49ea-b4bd-1efadaa37a28\"\n             data-style=\"enhanced\"\n             data-theme=\"blue-planet\"\n             data-redirect-url=\"\"\n             data-experience-type=\"standard\"\n             data-experience-type-name=\"General Admission\"\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                            Admission - Flexi Tickets                        <\/h2>\n                        \n                        <div class=\"venpos-booking-form__page-content\">\n                                                            <p>Please purchase tickets at least one hour before your visit.<\/p>\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\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-103522","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Flexi Tickets Purchase - Blue Planet Aquarium<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Flexi Tickets Purchase - Blue Planet Aquarium\" \/>\n<meta property=\"og:url\" content=\"https:\/\/neuronicdev.es\/bpa\/flexi-tickets-purchase\/\" \/>\n<meta property=\"og:site_name\" content=\"Blue Planet Aquarium\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/neuronicdev.es\/bpa\/flexi-tickets-purchase\/\",\"url\":\"https:\/\/neuronicdev.es\/bpa\/flexi-tickets-purchase\/\",\"name\":\"Flexi Tickets Purchase - Blue Planet Aquarium\",\"isPartOf\":{\"@id\":\"https:\/\/neuronicdev.es\/bpa\/#website\"},\"datePublished\":\"2025-10-17T09:44:34+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/neuronicdev.es\/bpa\/flexi-tickets-purchase\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/neuronicdev.es\/bpa\/flexi-tickets-purchase\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/neuronicdev.es\/bpa\/flexi-tickets-purchase\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/neuronicdev.es\/bpa\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Flexi Tickets Purchase\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/neuronicdev.es\/bpa\/#website\",\"url\":\"https:\/\/neuronicdev.es\/bpa\/\",\"name\":\"Blue Planet Aquarium\",\"description\":\"Discover a world beneath the waves\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/neuronicdev.es\/bpa\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Flexi Tickets Purchase - Blue Planet Aquarium","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_GB","og_type":"article","og_title":"Flexi Tickets Purchase - Blue Planet Aquarium","og_url":"https:\/\/neuronicdev.es\/bpa\/flexi-tickets-purchase\/","og_site_name":"Blue Planet Aquarium","twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/neuronicdev.es\/bpa\/flexi-tickets-purchase\/","url":"https:\/\/neuronicdev.es\/bpa\/flexi-tickets-purchase\/","name":"Flexi Tickets Purchase - Blue Planet Aquarium","isPartOf":{"@id":"https:\/\/neuronicdev.es\/bpa\/#website"},"datePublished":"2025-10-17T09:44:34+00:00","breadcrumb":{"@id":"https:\/\/neuronicdev.es\/bpa\/flexi-tickets-purchase\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/neuronicdev.es\/bpa\/flexi-tickets-purchase\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/neuronicdev.es\/bpa\/flexi-tickets-purchase\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/neuronicdev.es\/bpa\/"},{"@type":"ListItem","position":2,"name":"Flexi Tickets Purchase"}]},{"@type":"WebSite","@id":"https:\/\/neuronicdev.es\/bpa\/#website","url":"https:\/\/neuronicdev.es\/bpa\/","name":"Blue Planet Aquarium","description":"Discover a world beneath the waves","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/neuronicdev.es\/bpa\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/neuronicdev.es\/bpa\/wp-json\/wp\/v2\/pages\/103522","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/neuronicdev.es\/bpa\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/neuronicdev.es\/bpa\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/neuronicdev.es\/bpa\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/neuronicdev.es\/bpa\/wp-json\/wp\/v2\/comments?post=103522"}],"version-history":[{"count":2,"href":"https:\/\/neuronicdev.es\/bpa\/wp-json\/wp\/v2\/pages\/103522\/revisions"}],"predecessor-version":[{"id":103524,"href":"https:\/\/neuronicdev.es\/bpa\/wp-json\/wp\/v2\/pages\/103522\/revisions\/103524"}],"wp:attachment":[{"href":"https:\/\/neuronicdev.es\/bpa\/wp-json\/wp\/v2\/media?parent=103522"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}