{"id":270,"date":"2025-11-05T05:41:17","date_gmt":"2025-11-05T05:41:17","guid":{"rendered":"https:\/\/kidsplayland.cyon.site\/?page_id=270"},"modified":"2025-12-04T13:32:54","modified_gmt":"2025-12-04T13:32:54","slug":"book-ticket","status":"publish","type":"page","link":"https:\/\/kidsplayland.ch\/en\/book-ticket\/","title":{"rendered":"Book Ticket"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"270\" class=\"elementor elementor-270\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea73e02 e-flex e-con-boxed e-con e-parent\" data-id=\"ea73e02\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-259155c elementor-widget elementor-widget-shortcode\" data-id=\"259155c\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"wps-form-wrapper\">\n    <div class=\"wps-form-heading\">\n         <h2>Gutschein kaufen<\/h2>\n         <p>Bitte \u00fcberpr\u00fcfen Sie alle Angaben, bevor Sie fortfahren<\/p>\n    <\/div>\n \n    <form id=\"book_ticket\" method=\"post\" novalidate>\n        <div class=\"form-wrapper\">\n            <!-- Full Name -->\n            <div class=\"wps-form-group\">\n                <label for=\"full_name\">Vollst\u00e4ndiger Name* <sup>*<\/sup><\/<\/label>\n                <input type=\"text\" id=\"full_name\" placeholder=\"Geben Sie Ihren vollst\u00e4ndigen Namen ein\" name=\"full_name\" required>\n            <\/div>\n\n            <!-- Email -->\n            <div class=\"wps-form-group\">\n                <label for=\"email\">E-Mail Adresse<sup>*<\/sup><\/<\/label>\n                <input type=\"email\" id=\"email\" placeholder=\"name@example.com\" name=\"email\" required>\n            <\/div>\n\n            <!-- Phone -->\n            <div class=\"wps-form-group\">\n                <label for=\"phone\">Telefonnummer<sup>*<\/sup><\/<\/label>\n                <input type=\"text\" id=\"phone\" placeholder=\"+49 30 1234 5678\" name=\"phone\" required>\n            <\/div>\n\n            <!-- Amount as Radio -->\n            <div class=\"wps-form-group\">\n                <label>Betrag ausw\u00e4hlen<\/label>\n\n                <div class=\"wps-radio-group\">\n                                            <div class=\"radio-group-wrapper\">\n                            <label>\n                                <input type=\"radio\" name=\"amount\" class=\"toggle-radio\" value=\"30\" required>\n                                <div class=\"ticket-group\">\n                                    <div class=\"img-wrapper\"><img decoding=\"async\" src=\"https:\/\/kidsplayland.ch\/wp-content\/plugins\/sds-booking-system-de\/assets\/images\/logo.png\" alt=\"logo\"><\/div>\n                                    <p class=\"price\"> CHF 30<\/p>\n                            <\/div>\n                            <\/label>\n                        <\/div> \n                                            <div class=\"radio-group-wrapper\">\n                            <label>\n                                <input type=\"radio\" name=\"amount\" class=\"toggle-radio\" value=\"50\" required>\n                                <div class=\"ticket-group\">\n                                    <div class=\"img-wrapper\"><img decoding=\"async\" src=\"https:\/\/kidsplayland.ch\/wp-content\/plugins\/sds-booking-system-de\/assets\/images\/logo.png\" alt=\"logo\"><\/div>\n                                    <p class=\"price\"> CHF 50<\/p>\n                            <\/div>\n                            <\/label>\n                        <\/div> \n                                    <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"wps-form-group-submit\">\n            <a href=\"\/\"> \n                <svg width=\"14\" height=\"22\" viewBox=\"0 0 14 22\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                   <path d=\"M2.57539 -2.57419e-05L13.4004 10.8L2.57539 21.6L0.000390278 19.025L8.22539 10.8L0.000391716 2.57497L2.57539 -2.57419e-05Z\" fill=\"white\"\/>\n                <\/svg>\n                Zur\u00fcck\n            <\/a>\n            <button type=\"submit\" name=\"wps_submit\" class=\"wps-submit-btn\" disabled>\n\t\t\t\tZur Zahlung fortfahren\n            <svg width=\"14\" height=\"22\" viewBox=\"0 0 14 22\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M2.57539 -2.57419e-05L13.4004 10.8L2.57539 21.6L0.000390278 19.025L8.22539 10.8L0.000391716 2.57497L2.57539 -2.57419e-05Z\" fill=\"white\"\/>\n            <\/svg>\n            <\/button>\n        <\/div>\n        <div class=\"wps-form-footer\">\n              <p>Bitte w\u00e4hlen Sie mindestens ein Ticket, um fortzufahren<\/p>\n        <\/div>\n    <\/form>\n<\/div>\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const form = document.getElementById(\"book_ticket\");\n    const submitBtn = form.querySelector(\".wps-submit-btn\");\n\n    const fullName = form.querySelector(\"#full_name\");\n    const email = form.querySelector(\"#email\");\n    const phone = form.querySelector(\"#phone\");\n    const radios = form.querySelectorAll('input[name=\"amount\"]');\n\n    function isRadioSelected() {\n        return [...radios].some(radio => radio.checked);\n    }\n\n    function validateForm() {\n        const isValid =\n            fullName.value.trim() !== \"\" &&\n            email.value.trim() !== \"\" &&\n            phone.value.trim() !== \"\" &&\n            isRadioSelected();\n\n        submitBtn.disabled = !isValid;\n    }\n    radios.forEach(radio => {\n        radio.addEventListener(\"click\", function () {\n            if (this.dataset.checked === \"true\") {\n                this.checked = false;\n                this.dataset.checked = \"false\";\n            } else {\n                radios.forEach(r => r.dataset.checked = \"false\");\n                this.dataset.checked = \"true\";\n            }\n\n            validateForm();\n        });\n\n        radio.addEventListener(\"change\", validateForm);\n    });\n\n    \/\/ Inputs\n    [fullName, email, phone].forEach(input => {\n        input.addEventListener(\"input\", validateForm);\n    });\n\n    validateForm();\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":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-270","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kidsplayland.ch\/en\/wp-json\/wp\/v2\/pages\/270","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kidsplayland.ch\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kidsplayland.ch\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kidsplayland.ch\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kidsplayland.ch\/en\/wp-json\/wp\/v2\/comments?post=270"}],"version-history":[{"count":21,"href":"https:\/\/kidsplayland.ch\/en\/wp-json\/wp\/v2\/pages\/270\/revisions"}],"predecessor-version":[{"id":3356,"href":"https:\/\/kidsplayland.ch\/en\/wp-json\/wp\/v2\/pages\/270\/revisions\/3356"}],"wp:attachment":[{"href":"https:\/\/kidsplayland.ch\/en\/wp-json\/wp\/v2\/media?parent=270"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}