{"id":27,"date":"2025-09-05T11:13:43","date_gmt":"2025-09-05T10:13:43","guid":{"rendered":"https:\/\/naamhoroscoop.nl\/?page_id=27"},"modified":"2025-09-05T11:13:43","modified_gmt":"2025-09-05T10:13:43","slug":"zoek","status":"publish","type":"page","link":"https:\/\/naamhoroscoop.nl\/?page_id=27","title":{"rendered":"Zoek"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">        <form id=\"naamhoroscoop-search-form\" method=\"post\" action=\"\">\n            <input type=\"text\" name=\"zoek_naam\" placeholder=\"Voer een naam in\" required>\n            <button type=\"submit\">Zoek<\/button>\n        <\/form>\n        <div id=\"horoscoop-result\"><\/div>\n        <script>\n        document.getElementById('naamhoroscoop-search-form').addEventListener('submit', function(e) {\n            e.preventDefault();\n            var naam = this.zoek_naam.value;\n            fetch('https:\/\/naamhoroscoop.nl\/index.php?rest_route=\/naamhoroscoop\/v1\/get\/' + encodeURIComponent(naam))\n                .then(response => response.json())\n                .then(data => {\n                    var resultDiv = document.getElementById('horoscoop-result');\n                    if (data.horoscoop) {\n                        resultDiv.innerHTML = '<h3>Horoscoop voor ' + naam + ':<\/h3><p>' + data.horoscoop + '<\/p>';\n                    } else {\n                        \/\/ Show message and an optional request form\n                        resultDiv.innerHTML = '<p>' + data.message + '<\/p>' +\n                            '<form id=\"nh-request-form\" style=\"margin-top:12px;\">' +\n                                '<label for=\"nh-name\">Naam (verplicht)<\/label><br>' +\n                                '<input id=\"nh-name\" name=\"naam\" type=\"text\" required style=\"width:100%;max-width:320px;\"><br>' +\n                                '<label for=\"nh-email\">E-mail (optioneel)<\/label><br>' +\n                                '<input id=\"nh-email\" name=\"email\" type=\"email\" style=\"width:100%;max-width:320px;\"><br>' +\n                                '<label for=\"nh-opmerking\">Opmerking (optioneel)<\/label><br>' +\n                                '<textarea id=\"nh-opmerking\" name=\"opmerking\" rows=\"3\" style=\"width:100%;max-width:320px;\"><\/textarea><br>' +\n                                '<button type=\"submit\">Vraag naam aan<\/button>' +\n                            '<\/form>' +\n                            '<div id=\"nh-request-response\" style=\"margin-top:8px;\"><\/div>';\n\n                        \/\/ Attach handler to the injected form\n                        var nhForm = document.getElementById('nh-request-form');\n                        if ( nhForm ) {\n                            nhForm.addEventListener('submit', function(ev){\n                                ev.preventDefault();\n                                var formData = new FormData(nhForm);\n                                \/\/ Add action so admin-ajax or server-side handler can pick it up\n                                formData.append('action', 'naamhoroscoop_request');\n\n                                var respDiv = document.getElementById('nh-request-response');\n                                respDiv.innerText = 'Versturen...';\n\n                                fetch('https:\/\/naamhoroscoop.nl\/wp-admin\/admin-ajax.php', {\n                                    method: 'POST',\n                                    credentials: 'same-origin',\n                                    body: formData\n                                }).then(function(response){\n                                    return response.text();\n                                }).then(function(text){\n                                    respDiv.innerHTML = '<span style=\"color:green;\">Aanvraag verzonden. Dank je.<\/span>';\n                                    nhForm.reset();\n                                }).catch(function(err){\n                                    respDiv.innerHTML = '<span style=\"color:red;\">Fout bij verzenden. Probeer opnieuw later.<\/span>';\n                                });\n                            });\n                        }\n                    }\n                });\n        });\n        <\/script>\n        <\/p>\n","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-27","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/naamhoroscoop.nl\/index.php?rest_route=\/wp\/v2\/pages\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/naamhoroscoop.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/naamhoroscoop.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/naamhoroscoop.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/naamhoroscoop.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=27"}],"version-history":[{"count":1,"href":"https:\/\/naamhoroscoop.nl\/index.php?rest_route=\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/naamhoroscoop.nl\/index.php?rest_route=\/wp\/v2\/pages\/27\/revisions\/29"}],"wp:attachment":[{"href":"https:\/\/naamhoroscoop.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}