{"id":13257,"date":"2025-08-11T08:42:45","date_gmt":"2025-08-11T08:42:45","guid":{"rendered":"https:\/\/neuronicdev.es\/bpa\/?page_id=13257"},"modified":"2025-10-15T11:42:41","modified_gmt":"2025-10-15T10:42:41","slug":"shark-dive-booking","status":"publish","type":"page","link":"https:\/\/neuronicdev.es\/bpa\/dives\/shark-dive-booking\/","title":{"rendered":"Shark Dive Booking"},"content":{"rendered":"        <div class=\"venpos-booking-form\" \n             data-page-id=\"a6beba62-c972-4575-aa2f-5ac5fa8d08ea\"\n             data-style=\"enhanced\"\n             data-theme=\"blue-planet\"\n             data-redirect-url=\"\"\n             data-experience-type=\"gift_redeem\"\n             data-experience-type-name=\"Shark Dive Booking\"\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                            Shark Encounter Booking                        <\/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":1,"featured_media":0,"parent":102243,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-13257","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>Shark Dive Booking - 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=\"Shark Dive Booking - Blue Planet Aquarium\" \/>\n<meta property=\"og:url\" content=\"https:\/\/neuronicdev.es\/bpa\/dives\/shark-dive-booking\/\" \/>\n<meta property=\"og:site_name\" content=\"Blue Planet Aquarium\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-15T10:42:41+00:00\" \/>\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\/dives\/shark-dive-booking\/\",\"url\":\"https:\/\/neuronicdev.es\/bpa\/dives\/shark-dive-booking\/\",\"name\":\"Shark Dive Booking - Blue Planet Aquarium\",\"isPartOf\":{\"@id\":\"https:\/\/neuronicdev.es\/bpa\/#website\"},\"datePublished\":\"2025-08-11T08:42:45+00:00\",\"dateModified\":\"2025-10-15T10:42:41+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/neuronicdev.es\/bpa\/dives\/shark-dive-booking\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/neuronicdev.es\/bpa\/dives\/shark-dive-booking\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/neuronicdev.es\/bpa\/dives\/shark-dive-booking\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/neuronicdev.es\/bpa\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dives\",\"item\":\"https:\/\/bpa.banc.dev\/dives\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Shark Dive Booking\"}]},{\"@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":"Shark Dive Booking - 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":"Shark Dive Booking - Blue Planet Aquarium","og_url":"https:\/\/neuronicdev.es\/bpa\/dives\/shark-dive-booking\/","og_site_name":"Blue Planet Aquarium","article_modified_time":"2025-10-15T10:42:41+00:00","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\/dives\/shark-dive-booking\/","url":"https:\/\/neuronicdev.es\/bpa\/dives\/shark-dive-booking\/","name":"Shark Dive Booking - Blue Planet Aquarium","isPartOf":{"@id":"https:\/\/neuronicdev.es\/bpa\/#website"},"datePublished":"2025-08-11T08:42:45+00:00","dateModified":"2025-10-15T10:42:41+00:00","breadcrumb":{"@id":"https:\/\/neuronicdev.es\/bpa\/dives\/shark-dive-booking\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/neuronicdev.es\/bpa\/dives\/shark-dive-booking\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/neuronicdev.es\/bpa\/dives\/shark-dive-booking\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/neuronicdev.es\/bpa\/"},{"@type":"ListItem","position":2,"name":"Dives","item":"https:\/\/bpa.banc.dev\/dives\/"},{"@type":"ListItem","position":3,"name":"Shark Dive Booking"}]},{"@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\/13257","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/neuronicdev.es\/bpa\/wp-json\/wp\/v2\/comments?post=13257"}],"version-history":[{"count":6,"href":"https:\/\/neuronicdev.es\/bpa\/wp-json\/wp\/v2\/pages\/13257\/revisions"}],"predecessor-version":[{"id":103491,"href":"https:\/\/neuronicdev.es\/bpa\/wp-json\/wp\/v2\/pages\/13257\/revisions\/103491"}],"up":[{"embeddable":true,"href":"https:\/\/neuronicdev.es\/bpa\/wp-json\/wp\/v2\/pages\/102243"}],"wp:attachment":[{"href":"https:\/\/neuronicdev.es\/bpa\/wp-json\/wp\/v2\/media?parent=13257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}