{"id":2151,"date":"2026-08-18T23:13:04","date_gmt":"2026-08-18T21:13:04","guid":{"rendered":"https:\/\/www.nowtickets.be\/?page_id=2151"},"modified":"2026-09-17T11:17:01","modified_gmt":"2026-09-17T09:17:01","slug":"halloween","status":"publish","type":"page","link":"https:\/\/www.nowtickets.be\/nl\/events\/halloween\/","title":{"rendered":"Halloween"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2151\" class=\"elementor elementor-2151 elementor-1222\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a751fa4 e-flex e-con-boxed e-con e-parent\" data-id=\"a751fa4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-894d4d6 elementor-widget elementor-widget-shortcode\" data-id=\"894d4d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <section\n        class=\"nt-event-hero\"\n        style=\"\n            --nt-event-accent:\n                #6d267c;\n\n            --nt-event-secondary:\n                #f36a2b;\n        \"\n    >\n\n\n        \n            <div\n                class=\"nt-event-hero__background\"\n                style=\"\n                    background-image:\n\n                        linear-gradient(\n                            90deg,\n                            rgba(25,10,35,.94) 0%,\n                            rgba(25,10,35,.80) 46%,\n                            rgba(25,10,35,.18) 100%\n                        ),\n\n                        url(\n                            'https:\/\/www.nowtickets.be\/wp-content\/uploads\/2026\/09\/Visuel-seul-LD.jpg'\n                        );\n                \"\n            ><\/div>\n\n        \n\n        <div class=\"nt-event-hero__inner\">\n\n\n            \n                <div class=\"nt-event-hero__poster\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/www.nowtickets.be\/wp-content\/uploads\/2026\/09\/Halloween-def.png\"\n                        alt=\"Halloween Mystery House\"\n                    >\n\n                <\/div>\n\n            \n\n            <div class=\"nt-event-hero__content\">\n\n\n                \n                    <div class=\"nt-event-hero__eyebrow\">\n\n                        \ud83c\udf83 HALLOWEEN TICKETS 2026\n                    <\/div>\n\n                \n\n                \n                    <h1>\n\n                        Halloween Mystery House\n                    <\/h1>\n\n                \n\n                <div class=\"nt-event-hero__meta\">\n\n\n                    \n                        <div class=\"nt-event-hero__meta-item\">\n\n                            <span aria-hidden=\"true\">\n                                \u25f7\n                            <\/span>\n\n                            30\/10 - 02\/11\n                        <\/div>\n\n                    \n\n                    \n                        <div class=\"nt-event-hero__meta-item\">\n\n                            <span aria-hidden=\"true\">\n                                \u2316\n                            <\/span>\n\n                            Maison De La Poste - Tour &amp; Taxis Brussel\n                        <\/div>\n\n                    \n\n                <\/div>\n\n\n                \n                    <p class=\"nt-event-hero__description\">\n\n                        Welkom in ons griezelig leuke Halloween House! \ud83d\udc7b\ud83c\udf83\r\n\r\nDurf jij naar binnen? Stap binnen in ons Halloween House en vind je weg door het spannende Halloween-doolhof. \ud83d\udd78\ufe0f\ud83e\udd87 Aan het einde wacht een echt knutselparadijs, waar kleine monstertjes hun creativiteit helemaal de vrije loop kunnen laten! \u2702\ufe0f\ud83c\udfa8\r\n\r\nMaar er valt nog veel meer te ontdekken! \u2728\r\n\r\n\ud83c\udf83 Doe mee aan een leuke Halloween-workshop\r\n\ud83e\uddd9\u200d\u2640\ufe0f Laat je griezelig schminken\r\n\ud83c\udf7f Geniet van heerlijke popcorn\r\n\ud83c\udf6d Trakteer jezelf op lekkere suikerspin\r\n\ud83d\udd77\ufe0f En kom gezellig iets drinken in onze sfeervolle Halloween Bar\r\n\r\nEen huis vol griezelige verrassingen, creativiteit, lekkernijen en vooral h\u00e9\u00e9l veel Halloweenplezier voor het hele gezin! \ud83e\udde1\ud83d\udc7b\r\n\r\nKlaar om naar binnen te stappen? \ud83c\udf83\r\n\n                    <\/p>\n\n                \n\n                \n                    <a\n                        href=\"https:\/\/halloween.tour-taxis.com\"\n                        class=\"nt-event-hero__website\"\n                        target=\"_blank\"\n                        rel=\"noopener\"\n                    >\n\n                        Offici\u00eble eventwebsite\n                        <span aria-hidden=\"true\">\n                            \u2197\n                        <\/span>\n\n                    <\/a>\n\n                \n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6b6382c e-flex e-con-boxed e-con e-parent\" data-id=\"6b6382c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-08a81f2 elementor-widget elementor-widget-shortcode\" data-id=\"08a81f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <div class=\"halloween-ticket-intro__content\">\n\n        <div class=\"halloween-ticket-intro__eyebrow\">\n            \ud83c\udf83 Halloween Tickets 2026        <\/div>\n\n\n        <p>\n            Kies de datum waarop je wilt langskomen, selecteer je gewenste tijdslot en kies vervolgens het aantal tickets.        <\/p>\n\n\n        <div class=\"halloween-ticket-steps\">\n\n\n            <!-- STEP 1 -->\n\n            <div class=\"halloween-ticket-step\">\n\n                <span>1<\/span>\n\n                <div>\n\n                    <strong>\n                        Kies je datum                    <\/strong>\n\n                    <small>\n                        Selecteer de dag waarop je wilt langskomen                    <\/small>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- STEP 2 -->\n\n            <div class=\"halloween-ticket-step\">\n\n                <span>2<\/span>\n\n                <div>\n\n                    <strong>\n                        Kies je tijdslot                    <\/strong>\n\n                    <small>\n                        Selecteer het tijdstip waarop je wilt aankomen                    <\/small>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- STEP 3 -->\n\n            <div class=\"halloween-ticket-step\">\n\n                <span>3<\/span>\n\n                <div>\n\n                    <strong>\n                        Kies jouw tickets                    <\/strong>\n\n                    <small>\n                        Selecteer het gewenst aantal tickets                    <\/small>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- STEP 4 -->\n\n            <div class=\"halloween-ticket-step\">\n\n                <span>4<\/span>\n\n                <div>\n\n                    <strong>\n                        Toevoegen                    <\/strong>\n\n                    <small>\n                        Controleer je selectie en voeg je tickets toe                    <\/small>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"halloween-ticket-tip\">\n            \ud83d\udca1 Je tickets zijn geldig voor de geselecteerde datum en het gekozen aankomstuur.        <\/div>\n\n    <\/div>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7888ea9 e-flex e-con-boxed e-con e-parent\" data-id=\"7888ea9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-027b576 elementor-widget elementor-widget-shortcode\" data-id=\"027b576\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n\n    <div\n        class=\"nt-halloween\"\n        data-nt-halloween\n\n        data-ajax-url=\"https:\/\/www.nowtickets.be\/wp-admin\/admin-ajax.php\"\n\n        data-nonce=\"85f9444e03\"\n\n        data-buy-text=\"Koop Ticket(s)\"\n\n        data-adding-text=\"Toevoegen...\"\n\n        data-added-text=\"Tickets toegevoegd aan je winkelmandje\"\n\n        data-error-text=\"Tickets konden niet toegevoegd worden.\"\n\n        data-select-first=\"Kies eerst een datum en aankomstuur.\"\n\n        data-quantity-first=\"Kies ten minste \u00e9\u00e9n ticket.\"\n\n        data-availability=\"{&quot;2026-10-30&quot;:{&quot;11:00&quot;:85,&quot;11:30&quot;:95,&quot;12:00&quot;:100,&quot;12:30&quot;:100,&quot;13:00&quot;:79,&quot;13:30&quot;:95,&quot;14:00&quot;:96,&quot;14:30&quot;:97,&quot;15:00&quot;:100,&quot;15:30&quot;:100,&quot;16:00&quot;:97,&quot;16:30&quot;:94},&quot;2026-10-31&quot;:{&quot;11:00&quot;:58,&quot;11:30&quot;:90,&quot;12:00&quot;:84,&quot;12:30&quot;:98,&quot;13:00&quot;:86,&quot;13:30&quot;:100,&quot;14:00&quot;:100,&quot;14:30&quot;:65,&quot;15:00&quot;:100,&quot;15:30&quot;:95,&quot;16:00&quot;:100,&quot;16:30&quot;:80},&quot;2026-11-01&quot;:{&quot;11:00&quot;:79,&quot;11:30&quot;:95,&quot;12:00&quot;:98,&quot;12:30&quot;:96,&quot;13:00&quot;:93,&quot;13:30&quot;:82,&quot;14:00&quot;:93,&quot;14:30&quot;:92,&quot;15:00&quot;:86,&quot;15:30&quot;:100,&quot;16:00&quot;:100,&quot;16:30&quot;:94},&quot;2026-11-02&quot;:{&quot;11:00&quot;:91,&quot;11:30&quot;:100,&quot;12:00&quot;:92,&quot;12:30&quot;:100,&quot;13:00&quot;:100,&quot;13:30&quot;:97,&quot;14:00&quot;:93,&quot;14:30&quot;:100,&quot;15:00&quot;:93,&quot;15:30&quot;:100,&quot;16:00&quot;:100,&quot;16:30&quot;:94}}\"\n\n        data-sold-out-text=\"Volzet\"\n    >\n\n\n        <!-- ==============================================\n             DATE\n        =============================================== -->\n\n        <div class=\"nt-halloween-box\">\n\n            <div class=\"nt-halloween-head\">\n\n                <div>\n\n                    <strong>\n                        Kies je bezoekdatum                    <\/strong>\n\n                    <span>\n                        30 Oktober \u2013 2 November 2026                    <\/span>\n\n                <\/div>\n\n                <i>\ud83d\udcc5<\/i>\n\n            <\/div>\n\n\n            <div class=\"nt-halloween-days\">\n\n                \n                    <button\n                        type=\"button\"\n                        class=\"nt-halloween-day\"\n\n                        data-date=\"2026-10-30\"\n\n                        data-label=\"30 OKT\"\n                    >\n\n                        <span>\n                            VR                        <\/span>\n\n                        <strong>\n                            30                        <\/strong>\n\n                        <small>\n                            OKT                        <\/small>\n\n                    <\/button>\n\n                \n                    <button\n                        type=\"button\"\n                        class=\"nt-halloween-day\"\n\n                        data-date=\"2026-10-31\"\n\n                        data-label=\"31 OKT\"\n                    >\n\n                        <span>\n                            ZAT                        <\/span>\n\n                        <strong>\n                            31                        <\/strong>\n\n                        <small>\n                            OKT                        <\/small>\n\n                    <\/button>\n\n                \n                    <button\n                        type=\"button\"\n                        class=\"nt-halloween-day\"\n\n                        data-date=\"2026-11-01\"\n\n                        data-label=\"1 NOV\"\n                    >\n\n                        <span>\n                            ZON                        <\/span>\n\n                        <strong>\n                            1                        <\/strong>\n\n                        <small>\n                            NOV                        <\/small>\n\n                    <\/button>\n\n                \n                    <button\n                        type=\"button\"\n                        class=\"nt-halloween-day\"\n\n                        data-date=\"2026-11-02\"\n\n                        data-label=\"2 NOV\"\n                    >\n\n                        <span>\n                            MA                        <\/span>\n\n                        <strong>\n                            2                        <\/strong>\n\n                        <small>\n                            NOV                        <\/small>\n\n                    <\/button>\n\n                \n            <\/div>\n\n        <\/div>\n\n\n        <!-- ==============================================\n             TIMESLOTS\n        =============================================== -->\n\n        <div\n            class=\"nt-halloween-section nt-halloween-time-section\"\n            hidden\n        >\n\n            <div class=\"nt-halloween-head\">\n\n                <div>\n\n                    <strong>\n                        Kies je aankomstuur                    <\/strong>\n\n                    <span>\n                        Kies het tijdslot van een half uur waarop je wilt aankomen.                    <\/span>\n\n                <\/div>\n\n                <i>\ud83d\udd50<\/i>\n\n            <\/div>\n\n\n            <div class=\"nt-halloween-times\">\n\n                \n                    <button\n                        type=\"button\"\n                        class=\"nt-halloween-time\"\n\n                        data-time=\"11:00\"\n                    >\n                        11:00                    <\/button>\n\n                \n                    <button\n                        type=\"button\"\n                        class=\"nt-halloween-time\"\n\n                        data-time=\"11:30\"\n                    >\n                        11:30                    <\/button>\n\n                \n                    <button\n                        type=\"button\"\n                        class=\"nt-halloween-time\"\n\n                        data-time=\"12:00\"\n                    >\n                        12:00                    <\/button>\n\n                \n                    <button\n                        type=\"button\"\n                        class=\"nt-halloween-time\"\n\n                        data-time=\"12:30\"\n                    >\n                        12:30                    <\/button>\n\n                \n                    <button\n                        type=\"button\"\n                        class=\"nt-halloween-time\"\n\n                        data-time=\"13:00\"\n                    >\n                        13:00                    <\/button>\n\n                \n                    <button\n                        type=\"button\"\n                        class=\"nt-halloween-time\"\n\n                        data-time=\"13:30\"\n                    >\n                        13:30                    <\/button>\n\n                \n                    <button\n                        type=\"button\"\n                        class=\"nt-halloween-time\"\n\n                        data-time=\"14:00\"\n                    >\n                        14:00                    <\/button>\n\n                \n                    <button\n                        type=\"button\"\n                        class=\"nt-halloween-time\"\n\n                        data-time=\"14:30\"\n                    >\n                        14:30                    <\/button>\n\n                \n                    <button\n                        type=\"button\"\n                        class=\"nt-halloween-time\"\n\n                        data-time=\"15:00\"\n                    >\n                        15:00                    <\/button>\n\n                \n                    <button\n                        type=\"button\"\n                        class=\"nt-halloween-time\"\n\n                        data-time=\"15:30\"\n                    >\n                        15:30                    <\/button>\n\n                \n                    <button\n                        type=\"button\"\n                        class=\"nt-halloween-time\"\n\n                        data-time=\"16:00\"\n                    >\n                        16:00                    <\/button>\n\n                \n                    <button\n                        type=\"button\"\n                        class=\"nt-halloween-time\"\n\n                        data-time=\"16:30\"\n                    >\n                        16:30                    <\/button>\n\n                \n            <\/div>\n\n        <\/div>\n\n\n        <!-- ==============================================\n             TICKETS\n        =============================================== -->\n\n        <div\n            class=\"nt-halloween-section nt-halloween-ticket-section\"\n            hidden\n        >\n\n            <div class=\"nt-halloween-head\">\n\n                <div>\n\n                    <strong>\n                        Kies jouw tickets                    <\/strong>\n\n                    <span>\n                        Je kunt tickets voor meerdere personen tegelijk toevoegen.                    <\/span>\n\n                <\/div>\n\n                <i>\ud83c\udf9f\ufe0f<\/i>\n\n            <\/div>\n\n\n            <div class=\"nt-halloween-ticket-list\">\n\n\n                <!-- ADULT -->\n\n                <div class=\"nt-halloween-ticket\">\n\n                    <div class=\"nt-halloween-ticket-info\">\n\n                        <strong>\n                            Halloween Mystery House - Volwassen                        <\/strong>\n\n                        <span>\n                            <span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span>&nbsp;0,00<\/span>                        <\/span>\n\n                    <\/div>\n\n\n                    <div\n                        class=\"nt-halloween-qty\"\n                        data-ticket=\"adult\"\n                    >\n\n                        <button\n                            type=\"button\"\n                            class=\"nt-qty-minus\"\n                            aria-label=\"Aantal verlagen\"\n                        >\n                            \u2212\n                        <\/button>\n\n                        <strong class=\"nt-qty-value\">\n                            0\n                        <\/strong>\n\n                        <button\n                            type=\"button\"\n                            class=\"nt-qty-plus\"\n                            aria-label=\"Aantal verhogen\"\n                        >\n                            +\n                        <\/button>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- CHILD -->\n\n                <div class=\"nt-halloween-ticket\">\n\n                    <div class=\"nt-halloween-ticket-info\">\n\n                        <strong>\n                            Halloween Mystery House - Kind                        <\/strong>\n\n                        <span>\n                            <span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span>&nbsp;6,00<\/span>                        <\/span>\n\n                    <\/div>\n\n\n                    <div\n                        class=\"nt-halloween-qty\"\n                        data-ticket=\"child\"\n                    >\n\n                        <button\n                            type=\"button\"\n                            class=\"nt-qty-minus\"\n                            aria-label=\"Aantal verlagen\"\n                        >\n                            \u2212\n                        <\/button>\n\n                        <strong class=\"nt-qty-value\">\n                            0\n                        <\/strong>\n\n                        <button\n                            type=\"button\"\n                            class=\"nt-qty-plus\"\n                            aria-label=\"Aantal verhogen\"\n                        >\n                            +\n                        <\/button>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- SUMMARY -->\n\n            <div class=\"nt-halloween-summary\">\n\n                <div>\n\n                    <span>\n                        Gekozen datum                    <\/span>\n\n                    <strong class=\"nt-selected-date-label\"><\/strong>\n\n                <\/div>\n\n\n                <div>\n\n                    <span>\n                        Aankomstuur                    <\/span>\n\n                    <strong class=\"nt-selected-time-label\"><\/strong>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- BUY -->\n\n            <button\n                type=\"button\"\n                class=\"nt-halloween-buy\"\n            >\n                Koop Ticket(s)            <\/button>\n\n\n            <div\n                class=\"nt-halloween-message\"\n                aria-live=\"polite\"\n            ><\/div>\n\n        <\/div>\n\n    <\/div>\n\n    <script>\n\n    document.addEventListener(\n        'DOMContentLoaded',\n        function() {\n\n            document\n                .querySelectorAll(\n                    '[data-nt-halloween]'\n                )\n                .forEach(\n                    function(app) {\n\n                        let selectedDate =\n                            '';\n\n                        let selectedDateLabel =\n                            '';\n\n                        let selectedTime =\n                            '';\n\n                        let adultQty =\n                            0;\n\n                        let childQty =\n                            0;\n\n                        let selectedRemaining =\n                            0;\n\n                        let availability =\n                            {};\n\n\n                        try {\n\n                            availability =\n                                JSON.parse(\n                                    app.dataset.availability\n                                    ||\n                                    '{}'\n                                );\n\n                        } catch (e) {\n\n                            availability =\n                                {};\n                        }\n\n\n                        const days =\n                            app.querySelectorAll(\n                                '.nt-halloween-day'\n                            );\n\n\n                        const times =\n                            app.querySelectorAll(\n                                '.nt-halloween-time'\n                            );\n\n\n                        const timeSection =\n                            app.querySelector(\n                                '.nt-halloween-time-section'\n                            );\n\n\n                        const ticketSection =\n                            app.querySelector(\n                                '.nt-halloween-ticket-section'\n                            );\n\n\n                        const dateLabel =\n                            app.querySelector(\n                                '.nt-selected-date-label'\n                            );\n\n\n                        const timeLabel =\n                            app.querySelector(\n                                '.nt-selected-time-label'\n                            );\n\n\n                        const buyButton =\n                            app.querySelector(\n                                '.nt-halloween-buy'\n                            );\n\n\n                        const message =\n                            app.querySelector(\n                                '.nt-halloween-message'\n                            );\n\n\n                        \/* =====================================\n                           MESSAGE\n                        ===================================== *\/\n\n                        function showMessage(\n                            text,\n                            type\n                        ) {\n\n                            message.textContent =\n                                text;\n\n\n                            message.classList.remove(\n                                'is-success',\n                                'is-error'\n                            );\n\n\n                            message.classList.add(\n                                type === 'success'\n                                    ? 'is-success'\n                                    : 'is-error'\n                            );\n                        }\n\n\n                        function clearMessage() {\n\n                            message.textContent =\n                                '';\n\n\n                            message.classList.remove(\n                                'is-success',\n                                'is-error'\n                            );\n                        }\n\n\n                        \/* =====================================\n                           AVAILABILITY\n                        ===================================== *\/\n\n                        function getRemaining(\n                            date,\n                            time\n                        ) {\n\n                            if (\n                                ! availability[date]\n                                ||\n                                typeof\n                                    availability[date][time]\n                                    ===\n                                    'undefined'\n                            ) {\n                                return 0;\n                            }\n\n\n                            return Math.max(\n                                0,\n                                parseInt(\n                                    availability[date][time],\n                                    10\n                                )\n                                ||\n                                0\n                            );\n                        }\n\n\n                        function updateTimeslotAvailability() {\n\n                            times.forEach(\n                                function(button) {\n\n                                    const time =\n                                        button.dataset.time;\n\n\n                                    const remaining =\n                                        selectedDate\n                                            ? getRemaining(\n                                                selectedDate,\n                                                time\n                                            )\n                                            : 0;\n\n\n                                    button.disabled =\n                                        remaining <= 0;\n\n\n                                    button.classList.toggle(\n                                        'is-sold-out',\n                                        remaining <= 0\n                                    );\n\n\n                                    button.textContent =\n                                        remaining <= 0\n                                            ? time\n                                                +\n                                                ' \u00b7 '\n                                                +\n                                                app.dataset.soldOutText\n                                            : time;\n                                }\n                            );\n                        }\n\n\n                        \/* =====================================\n                           DATE\n                        ===================================== *\/\n\n                        days.forEach(\n                            function(button) {\n\n                                button.addEventListener(\n                                    'click',\n                                    function() {\n\n                                        clearMessage();\n\n\n                                        days.forEach(\n                                            function(item) {\n\n                                                item.classList.remove(\n                                                    'is-selected'\n                                                );\n                                            }\n                                        );\n\n\n                                        this.classList.add(\n                                            'is-selected'\n                                        );\n\n\n                                        selectedDate =\n                                            this.dataset.date;\n\n\n                                        selectedDateLabel =\n                                            this.dataset.label;\n\n\n                                        dateLabel.textContent =\n                                            selectedDateLabel;\n\n\n                                        selectedTime =\n                                            '';\n\n\n                                        selectedRemaining =\n                                            0;\n\n\n                                        timeLabel.textContent =\n                                            '';\n\n\n                                        times.forEach(\n                                            function(item) {\n\n                                                item.classList.remove(\n                                                    'is-selected'\n                                                );\n                                            }\n                                        );\n\n\n                                        ticketSection.hidden =\n                                            true;\n\n\n                                        updateTimeslotAvailability();\n\n\n                                        timeSection.hidden =\n                                            false;\n\n\n                                        scrollToElement(\n                                            timeSection\n                                        );\n                                    }\n                                );\n                            }\n                        );\n\n\n                        \/* =====================================\n                           TIME\n                        ===================================== *\/\n\n                        times.forEach(\n                            function(button) {\n\n                                button.addEventListener(\n                                    'click',\n                                    function() {\n\n                                        clearMessage();\n\n\n                                        times.forEach(\n                                            function(item) {\n\n                                                item.classList.remove(\n                                                    'is-selected'\n                                                );\n                                            }\n                                        );\n\n\n                                        this.classList.add(\n                                            'is-selected'\n                                        );\n\n\n                                        selectedTime =\n                                            this.dataset.time;\n\n\n                                        selectedRemaining =\n                                            getRemaining(\n                                                selectedDate,\n                                                selectedTime\n                                            );\n\n\n                                        timeLabel.textContent =\n                                            selectedTime;\n\n\n                                        ticketSection.hidden =\n                                            false;\n\n\n                                        scrollToElement(\n                                            ticketSection\n                                        );\n                                    }\n                                );\n                            }\n                        );\n\n\n                        \/* =====================================\n                           QUANTITY\n                        ===================================== *\/\n\n                        app\n                            .querySelectorAll(\n                                '.nt-halloween-qty'\n                            )\n                            .forEach(\n                                function(qtyBox) {\n\n                                    const type =\n                                        qtyBox.dataset.ticket;\n\n\n                                    const value =\n                                        qtyBox.querySelector(\n                                            '.nt-qty-value'\n                                        );\n\n\n                                    const minus =\n                                        qtyBox.querySelector(\n                                            '.nt-qty-minus'\n                                        );\n\n\n                                    const plus =\n                                        qtyBox.querySelector(\n                                            '.nt-qty-plus'\n                                        );\n\n\n                                    function update() {\n\n                                        value.textContent =\n                                            type === 'adult'\n                                                ? adultQty\n                                                : childQty;\n                                    }\n\n\n                                    minus.addEventListener(\n                                        'click',\n                                        function() {\n\n                                            clearMessage();\n\n\n                                            if (\n                                                type === 'adult'\n                                                &&\n                                                adultQty > 0\n                                            ) {\n\n                                                adultQty--;\n                                            }\n\n\n                                            if (\n                                                type === 'child'\n                                                &&\n                                                childQty > 0\n                                            ) {\n\n                                                childQty--;\n                                            }\n\n\n                                            update();\n                                        }\n                                    );\n\n\n                                    plus.addEventListener(\n                                        'click',\n                                        function() {\n\n                                            clearMessage();\n\n\n                                            const currentTotal =\n                                                adultQty\n                                                +\n                                                childQty;\n\n\n                                            if (\n                                                selectedRemaining > 0\n                                                &&\n                                                currentTotal >=\n                                                    selectedRemaining\n                                            ) {\n                                                return;\n                                            }\n\n\n                                            if (\n                                                type === 'adult'\n                                            ) {\n\n                                                adultQty++;\n\n                                            } else {\n\n                                                childQty++;\n                                            }\n\n\n                                            update();\n                                        }\n                                    );\n                                }\n                            );\n\n\n                        \/* =====================================\n                           BUY\n                        ===================================== *\/\n\n                        buyButton.addEventListener(\n                            'click',\n                            function() {\n\n                                clearMessage();\n\n\n                                if (\n                                    ! selectedDate\n                                    ||\n                                    ! selectedTime\n                                ) {\n\n                                    showMessage(\n                                        app.dataset.selectFirst,\n                                        'error'\n                                    );\n\n                                    return;\n                                }\n\n\n                                if (\n                                    adultQty < 1\n                                    &&\n                                    childQty < 1\n                                ) {\n\n                                    showMessage(\n                                        app.dataset.quantityFirst,\n                                        'error'\n                                    );\n\n                                    return;\n                                }\n\n\n                                const form =\n                                    new FormData();\n\n\n                                form.append(\n                                    'action',\n                                    'nt_halloween_add_tickets'\n                                );\n\n\n                                form.append(\n                                    'nonce',\n                                    app.dataset.nonce\n                                );\n\n\n                                form.append(\n                                    'date',\n                                    selectedDate\n                                );\n\n\n                                form.append(\n                                    'timeslot',\n                                    selectedTime\n                                );\n\n\n                                form.append(\n                                    'adult_qty',\n                                    adultQty\n                                );\n\n\n                                form.append(\n                                    'child_qty',\n                                    childQty\n                                );\n\n\n                                buyButton.disabled =\n                                    true;\n\n\n                                buyButton.textContent =\n                                    app.dataset.addingText;\n\n\n                                fetch(\n                                    app.dataset.ajaxUrl,\n                                    {\n                                        method:\n                                            'POST',\n\n                                        credentials:\n                                            'same-origin',\n\n                                        body:\n                                            form\n                                    }\n                                )\n\n                                .then(\n                                    function(response) {\n\n                                        return response.json();\n                                    }\n                                )\n\n                                .then(\n                                    function(response) {\n\n                                        if (\n                                            ! response.success\n                                        ) {\n\n                                            if (\n                                                response.data\n                                                &&\n                                                typeof\n                                                    response.data.remaining\n                                                    !==\n                                                    'undefined'\n                                                &&\n                                                selectedDate\n                                                &&\n                                                selectedTime\n                                            ) {\n\n                                                availability[\n                                                    selectedDate\n                                                ][\n                                                    selectedTime\n                                                ] =\n                                                    parseInt(\n                                                        response.data.remaining,\n                                                        10\n                                                    )\n                                                    ||\n                                                    0;\n\n\n                                                selectedRemaining =\n                                                    availability[\n                                                        selectedDate\n                                                    ][\n                                                        selectedTime\n                                                    ];\n\n\n                                                updateTimeslotAvailability();\n                                            }\n\n\n                                            throw new Error(\n                                                response.data\n                                                &&\n                                                response.data.message\n                                                    ? response.data.message\n                                                    : app.dataset.errorText\n                                            );\n                                        }\n\n\n                                        showMessage(\n                                            app.dataset.addedText,\n                                            'success'\n                                        );\n\n\n                                        if (\n                                            response.data\n                                            &&\n                                            typeof\n                                                response.data.remaining\n                                                !==\n                                                'undefined'\n                                            &&\n                                            selectedDate\n                                            &&\n                                            selectedTime\n                                        ) {\n\n                                            availability[\n                                                selectedDate\n                                            ][\n                                                selectedTime\n                                            ] =\n                                                parseInt(\n                                                    response.data.remaining,\n                                                    10\n                                                )\n                                                ||\n                                                0;\n\n\n                                            selectedRemaining =\n                                                availability[\n                                                    selectedDate\n                                                ][\n                                                    selectedTime\n                                                ];\n\n\n                                            updateTimeslotAvailability();\n                                        }\n\n\n                                        \/* FIXED CHECKOUT BAR *\/\n\n                                        const fixedBarHtml =\n                                            response.data.fixed_bar_html\n                                            ||\n                                            '';\n\n\n                                        if (\n                                            fixedBarHtml\n                                        ) {\n\n                                            const existingBar =\n                                                document.getElementById(\n                                                    'fixed-checkout-bar'\n                                                );\n\n\n                                            if (\n                                                existingBar\n                                            ) {\n\n                                                existingBar.outerHTML =\n                                                    fixedBarHtml;\n\n                                            } else {\n\n                                                document.body\n                                                    .insertAdjacentHTML(\n                                                        'beforeend',\n                                                        fixedBarHtml\n                                                    );\n                                            }\n                                        }\n\n\n                                        \/* WooCommerce fragments *\/\n\n                                        if (\n                                            window.jQuery\n                                        ) {\n\n                                            jQuery(\n                                                document.body\n                                            ).trigger(\n                                                'wc_fragment_refresh'\n                                            );\n                                        }\n\n\n                                        \/* RESET QUANTITY *\/\n\n                                        adultQty =\n                                            0;\n\n\n                                        childQty =\n                                            0;\n\n\n                                        app\n                                            .querySelectorAll(\n                                                '.nt-qty-value'\n                                            )\n                                            .forEach(\n                                                function(item) {\n\n                                                    item.textContent =\n                                                        '0';\n                                                }\n                                            );\n                                    }\n                                )\n\n                                .catch(\n                                    function(error) {\n\n                                        showMessage(\n                                            error.message\n                                            ||\n                                            app.dataset.errorText,\n                                            'error'\n                                        );\n                                    }\n                                )\n\n                                .finally(\n                                    function() {\n\n                                        buyButton.disabled =\n                                            false;\n\n\n                                        buyButton.textContent =\n                                            app.dataset.buyText;\n                                    }\n                                );\n                            }\n                        );\n\n\n                        \/* =====================================\n                           SCROLL\n                        ===================================== *\/\n\n                        function scrollToElement(\n                            element\n                        ) {\n\n                            setTimeout(\n                                function() {\n\n                                    const offset =\n                                        window.innerWidth <= 768\n                                            ? 110\n                                            : 100;\n\n\n                                    const position =\n                                        element\n                                            .getBoundingClientRect()\n                                            .top\n                                        +\n                                        window.pageYOffset\n                                        -\n                                        offset;\n\n\n                                    window.scrollTo(\n                                        {\n                                            top:\n                                                position,\n\n                                            behavior:\n                                                'smooth'\n                                        }\n                                    );\n                                },\n                                100\n                            );\n                        }\n                    }\n                );\n        }\n    );\n\n    <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":1202,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2151","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.nowtickets.be\/nl\/wp-json\/wp\/v2\/pages\/2151","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nowtickets.be\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.nowtickets.be\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.nowtickets.be\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nowtickets.be\/nl\/wp-json\/wp\/v2\/comments?post=2151"}],"version-history":[{"count":5,"href":"https:\/\/www.nowtickets.be\/nl\/wp-json\/wp\/v2\/pages\/2151\/revisions"}],"predecessor-version":[{"id":2793,"href":"https:\/\/www.nowtickets.be\/nl\/wp-json\/wp\/v2\/pages\/2151\/revisions\/2793"}],"up":[{"embeddable":true,"href":"https:\/\/www.nowtickets.be\/nl\/wp-json\/wp\/v2\/pages\/1202"}],"wp:attachment":[{"href":"https:\/\/www.nowtickets.be\/nl\/wp-json\/wp\/v2\/media?parent=2151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}