{"id":47734,"date":"2026-05-08T21:27:02","date_gmt":"2026-05-08T19:27:02","guid":{"rendered":"https:\/\/www.filmtheaterfanfare.nl\/site\/?page_id=47734"},"modified":"2026-05-08T21:27:02","modified_gmt":"2026-05-08T19:27:02","slug":"inschrijven-nieuws-uit-het-donker","status":"publish","type":"page","link":"https:\/\/www.filmtheaterfanfare.nl\/site\/inschrijven-nieuws-uit-het-donker\/","title":{"rendered":"Inschrijven Nieuws uit het Donker"},"content":{"rendered":"    <div class=\"sender-form-wrap\">\n        <img decoding=\"async\" src=\"https:\/\/www.filmtheaterfanfare.nl\/site\/wp-content\/uploads\/assets\/Nieuws%20uit%20het%20donker.webp\" alt=\"Nieuws uit het Donker\" class=\"sender-header-img\">\n        <h2 class=\"sender-titel\">Schrijf je in voor<br><em>Nieuws uit het Donker<\/em><\/h2>\n        <p class=\"sender-subtitel\">In woord en beeld word je bijgepraat door<br>Wilfried, Dian en Ad.<\/p>\n        <form id=\"sender-inschrijf-form\" novalidate>\n            <input type=\"hidden\" id=\"sender_nonce\" name=\"sender_nonce\" value=\"62f670b0d5\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/site\/wp-json\/wp\/v2\/pages\/47734\" \/>\n            <!-- Honeypot: onzichtbaar voor mensen, lokveld voor bots -->\n            <div class=\"sender-hp-wrap\" aria-hidden=\"true\">\n                <label for=\"sender-website\">Laat dit veld leeg<\/label>\n                <input type=\"text\" id=\"sender-website\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\">\n            <\/div>\n\n            <p>\n                <label for=\"sender-voornaam\">Voornaam<\/label><br>\n                <input type=\"text\" id=\"sender-voornaam\" name=\"voornaam\" required autocomplete=\"given-name\">\n            <\/p>\n            <p>\n                <label for=\"sender-achternaam\">Achternaam<\/label><br>\n                <input type=\"text\" id=\"sender-achternaam\" name=\"achternaam\" required autocomplete=\"family-name\">\n            <\/p>\n            <p>\n                <label for=\"sender-email\">E-mailadres<\/label><br>\n                <input type=\"email\" id=\"sender-email\" name=\"email\" required autocomplete=\"email\">\n            <\/p>\n            <p class=\"sender-submit-rij\">\n                <button type=\"submit\" id=\"sender-submit-btn\">Inschrijven<\/button>\n            <\/p>\n            <div id=\"sender-melding\" style=\"display:none;\"><\/div>\n        <\/form>\n        <p class=\"sender-uitschrijven\">Uitschrijven kan via de afmeldlink onderaan elke nieuwsbrief.<\/p>\n    <\/div>\n\n    <style>\n        .sender-form-wrap {\n            max-width: 460px;\n            width: 100%;\n            margin: 0.5em auto;\n            padding: 0 0 1.8em;\n            border: 1px solid #000;\n            border-radius: 6px;\n            background: #fffff4;\n            text-align: center;\n            box-sizing: border-box;\n            box-shadow: 0 2px 10px rgba(0,0,0,0.12);\n            overflow: hidden;\n        }\n        .sender-header-img {\n            width: 100%;\n            height: auto;\n            display: block;\n            margin: 0 0 1.4em;\n            border-radius: 4px 4px 0 0;\n        }\n        .sender-titel {\n            font-size: 1.4em;\n            color: #000;\n            margin: 0 2.2em 0.3em;\n            line-height: 1.3;\n        }\n        .sender-titel em {\n            font-style: italic;\n        }\n        .sender-subtitel {\n            font-size: 0.92em;\n            color: #000;\n            margin: 0 0 1.4em;\n            line-height: 1.4;\n            text-align: center !important;\n        }\n        \/* Honeypot verbergen \u2014 niet via display:none *\/\n        .sender-hp-wrap {\n            position: absolute;\n            left: -9999px;\n            top: -9999px;\n            width: 1px;\n            height: 1px;\n            overflow: hidden;\n        }\n        .sender-form-wrap label {\n            font-weight: bold;\n            font-size: 0.88em;\n            color: #000;\n        }\n        .sender-form-wrap p {\n            text-align: left;\n            margin-bottom: 0.9em;\n            padding: 0 2.2em;\n        }\n        .sender-form-wrap input[type=\"text\"],\n        .sender-form-wrap input[type=\"email\"] {\n            width: 100%;\n            padding: 8px 10px;\n            margin-top: 4px;\n            border: 1px solid #000;\n            border-radius: 4px;\n            box-sizing: border-box;\n            font-size: 1em;\n            background: #fff;\n            color: #000;\n        }\n        .sender-form-wrap input:focus {\n            outline: none;\n            border-color: #000;\n            box-shadow: 0 0 0 2px rgba(0,0,0,0.15);\n        }\n        .sender-submit-rij {\n            text-align: center !important;\n            margin-top: 1.2em;\n            padding: 0 !important;\n        }\n        #sender-submit-btn {\n            background: #000;\n            color: #fffff4;\n            border: 2px solid #000;\n            padding: 10px 32px;\n            border-radius: 4px;\n            font-size: 1em;\n            cursor: pointer;\n            letter-spacing: 0.03em;\n            transition: background 0.15s, color 0.15s;\n        }\n        #sender-submit-btn:hover {\n            background: #fffff4;\n            color: #000;\n        }\n        #sender-submit-btn:disabled {\n            opacity: 0.6;\n            cursor: not-allowed;\n        }\n        #sender-melding {\n            margin: 1em 2.2em 0;\n            padding: 10px 14px;\n            border-radius: 4px;\n            font-size: 0.95em;\n            text-align: center;\n        }\n        #sender-melding.succes {\n            background: #e6f4ea;\n            color: #2d6a2d;\n            border: 1px solid #a8d5a2;\n        }\n        #sender-melding.fout {\n            background: #fdecea;\n            color: #a02020;\n            border: 1px solid #f0b0a8;\n        }\n        .sender-uitschrijven {\n            font-size: 0.78em;\n            color: #555;\n            margin: 1.2em 0 0 !important;\n            text-align: center !important;\n            padding: 0 1em !important;\n        }\n        @media (max-width: 500px) {\n            .sender-titel {\n                font-size: 1.15em;\n                margin: 0 1.2em 0.3em;\n            }\n            .sender-form-wrap p {\n                padding: 0 1.2em;\n            }\n            #sender-submit-btn {\n                width: calc(100% - 2.4em);\n                padding: 12px;\n            }\n            #sender-melding {\n                margin-left: 1.2em;\n                margin-right: 1.2em;\n            }\n        }\n    <\/style>\n\n    <script>\n    document.addEventListener('DOMContentLoaded', function () {\n        const form    = document.getElementById('sender-inschrijf-form');\n        const melding = document.getElementById('sender-melding');\n        const btn     = document.getElementById('sender-submit-btn');\n\n        form.addEventListener('submit', function (e) {\n            e.preventDefault();\n            melding.style.display = 'none';\n            melding.className     = '';\n            btn.disabled          = true;\n            btn.textContent       = 'Bezig...';\n\n            const data = new FormData();\n            data.append('action',     'sender_inschrijven');\n            data.append('nonce',      document.getElementById('sender_nonce').value);\n            data.append('honeypot',   document.getElementById('sender-website').value);\n            data.append('voornaam',   document.getElementById('sender-voornaam').value.trim());\n            data.append('achternaam', document.getElementById('sender-achternaam').value.trim());\n            data.append('email',      document.getElementById('sender-email').value.trim());\n\n            fetch('https:\/\/www.filmtheaterfanfare.nl\/site\/wp-admin\/admin-ajax.php', {\n                method: 'POST',\n                body:   data\n            })\n            .then(r => r.json())\n            .then(res => {\n                melding.style.display = 'block';\n                if (res.success) {\n                    melding.className   = 'succes';\n                    melding.textContent = res.data;\n                    form.reset();\n                } else {\n                    melding.className   = 'fout';\n                    melding.textContent = res.data;\n                }\n            })\n            .catch(() => {\n                melding.style.display = 'block';\n                melding.className     = 'fout';\n                melding.textContent   = 'Er is een technische fout opgetreden. Probeer het later opnieuw.';\n            })\n            .finally(() => {\n                btn.disabled    = false;\n                btn.textContent = 'Inschrijven';\n            });\n        });\n    });\n    <\/script>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-47734","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.filmtheaterfanfare.nl\/site\/wp-json\/wp\/v2\/pages\/47734","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.filmtheaterfanfare.nl\/site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.filmtheaterfanfare.nl\/site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.filmtheaterfanfare.nl\/site\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.filmtheaterfanfare.nl\/site\/wp-json\/wp\/v2\/comments?post=47734"}],"version-history":[{"count":1,"href":"https:\/\/www.filmtheaterfanfare.nl\/site\/wp-json\/wp\/v2\/pages\/47734\/revisions"}],"predecessor-version":[{"id":47735,"href":"https:\/\/www.filmtheaterfanfare.nl\/site\/wp-json\/wp\/v2\/pages\/47734\/revisions\/47735"}],"wp:attachment":[{"href":"https:\/\/www.filmtheaterfanfare.nl\/site\/wp-json\/wp\/v2\/media?parent=47734"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}