{"id":90,"date":"2026-01-03T20:25:53","date_gmt":"2026-01-03T20:25:53","guid":{"rendered":"https:\/\/crikoui.fr\/?page_id=90"},"modified":"2026-01-19T20:29:14","modified_gmt":"2026-01-19T20:29:14","slug":"demande-de-reservation","status":"publish","type":"page","link":"https:\/\/crikoui.fr\/index.php\/demande-de-reservation\/","title":{"rendered":"Demande de r\u00e9servation"},"content":{"rendered":"\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n    <div class=\"entry-content alignfull wp-block-post-content has-global-padding is-layout-constrained wp-block-post-content-is-layout-constrained\">\n        <p>Le prix de la nuit\u00e9e est de 70 euros.<\/p>\n    <\/div>\n\n\n    <div class=\"modern-contact-form\">\n        <form method=\"post\" id=\"resa-form\">\n            <input type=\"hidden\" id=\"security\" name=\"security\" value=\"3dc2fc2cdb\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/90\" \/>\n            <div style=\"display: none;\">\n                <label for=\"surnom\">Surnom :<\/label>\n                <input type=\"text\" name=\"surnom\" id=\"surnom\" value=\"\">\n            <\/div>   \n\n            <div class=\"form-row\">\n                <div class=\"form-col\">\n                    <label for=\"prenom\">Pr\u00e9nom :<\/label>\n                    <input type=\"text\" name=\"prenom\" id=\"prenom\" value=\"\" required>\n                <\/div>\n                <div class=\"form-col\">\n                    <label for=\"nom\">Nom :<\/label>\n                    <input type=\"text\" name=\"nom\" id=\"nom\" value=\"\" required>\n                <\/div>\n            <\/div>\n\n\n            <div class=\"form-row\">\n                <div class=\"form-col\">\n                    <label for=\"email\">Email :<\/label>\n                    <input type=\"email\" name=\"email\" id=\"email\" value=\"\" required>\n                    <span id=\"email-feedback\"><\/span>\n                <\/div>\n                <div class=\"form-col\">\n                    <label for=\"mobile\">Mobile :<\/label>\n                    <input type=\"tel\" id=\"mobile\" name=\"mobile\" placeholder=\"Ex: 0612345678\" pattern=\"[0-9]{10}\" required>\n                <\/div>\n            <\/div>\n\n            <div class=\"form-row\">\n                <div class=\"form-col\">\n                    <label for=\"nb_adultes\">Nombre d'adultes :<\/label>\n                    <select name=\"nb_adultes\" id=\"nb_adultes\">\n                        <option value=\"\">-- S\u00e9lectionnez --<\/option>\n                        <option value=\"1\">1<\/option>\n                        <option value=\"2\">2<\/option>\n                        <option value=\"3\">3<\/option>\n                        <option value=\"4\">4<\/option>\n                    <\/select>\n                <\/div>\n                <div class=\"form-col\">\n                    <label for=\"nb_enfants\">Nombre d'enfants :<\/label>\n                    <select name=\"nb_enfants\" id=\"nb_enfants\">\n                        <option value=\"0\">0<\/option>\n                        <option value=\"1\">1<\/option>\n                        <option value=\"2\">2<\/option>\n                    <\/select>\n                <\/div>\n            <\/div>\n\n            <div class=\"form-row\">\n                <div class=\"form-col\">\n                    <label for=\"date_arrivee\">Date d'arriv\u00e9e :<\/label>\n                    <div class=\"date-input-wrapper\">\n                        <input type=\"text\"\n                               name=\"date_arrivee\"\n                               id=\"date_arrivee\"\n                               class=\"flatpickr\"\n                               placeholder=\"S\u00e9lectionnez une date\"\n                               required>\n                        <span class=\"date-icon\"><i class=\"fas fa-calendar-alt\"><\/i><\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"form-col\">\n                    <label for=\"date_depart\">Date de d\u00e9part :<\/label>\n                    <div class=\"date-input-wrapper\">\n                        <input type=\"text\"\n                               name=\"date_depart\"\n                               id=\"date_depart\"\n                               class=\"flatpickr\"\n                               placeholder=\"S\u00e9lectionnez une date\"\n                               required>\n                        <span class=\"date-icon\"><i class=\"fas fa-calendar-alt\"><\/i><\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <p>\n                <label for=\"message\">Message (si vous \u00eates d\u00e9j\u00e0 venus, n'h\u00e9sitez pas \u00e0 nous le dire) :<\/label>\n                <textarea name=\"message\" id=\"message\" rows=\"5\"><\/textarea>\n            <\/p>\n\n            <p class=\"form-button\">\n                <button type=\"submit\" id=\"submit-btn\" class=\"wp-block-button__link\">Envoyer<\/button>\n            <\/p>\n        <\/form>\n\n                <script>\n            const datesIndisponibles = [\"02-02-2026\",\"03-02-2026\",\"04-02-2026\",\"05-02-2026\",\"06-02-2026\",\"07-02-2026\",\"09-02-2026\",\"10-02-2026\",\"11-02-2026\",\"13-02-2026\",\"14-02-2026\",\"15-02-2026\",\"16-02-2026\",\"17-02-2026\",\"18-02-2026\",\"19-02-2026\",\"20-02-2026\",\"23-02-2026\",\"24-02-2026\",\"25-02-2026\",\"26-02-2026\",\"10-03-2026\",\"11-03-2026\",\"12-03-2026\",\"13-03-2026\",\"14-03-2026\",\"15-03-2026\",\"16-03-2026\",\"17-03-2026\",\"18-03-2026\",\"19-03-2026\",\"20-03-2026\",\"21-03-2026\",\"22-03-2026\",\"28-05-2026\",\"29-05-2026\",\"30-05-2026\",\"07-10-2026\",\"08-10-2026\",\"09-10-2026\",\"10-10-2026\",\"21-04-2026\",\"22-04-2026\",\"23-04-2026\",\"24-04-2026\",\"25-07-2026\",\"26-07-2026\",\"27-07-2026\",\"28-07-2026\",\"29-07-2026\",\"29-07-2026\",\"30-07-2026\",\"31-07-2026\",\"01-08-2026\",\"02-08-2026\",\"02-08-2026\",\"03-08-2026\",\"04-08-2026\",\"05-08-2026\",\"06-08-2026\",\"07-08-2026\",\"07-08-2026\",\"08-08-2026\",\"09-08-2026\",\"10-08-2026\",\"11-08-2026\",\"22-08-2026\",\"23-08-2026\",\"24-08-2026\",\"25-08-2026\",\"26-08-2026\",\"27-08-2026\",\"28-08-2026\",\"29-08-2026\",\"24-04-2026\",\"25-04-2026\",\"26-04-2026\",\"27-04-2026\",\"28-04-2026\",\"01-05-2026\",\"02-05-2026\",\"03-05-2026\",\"04-05-2026\",\"05-05-2026\",\"06-05-2026\",\"07-05-2026\",\"08-05-2026\",\"09-05-2026\",\"10-05-2026\",\"11-05-2026\",\"12-05-2026\",\"13-05-2026\",\"14-05-2026\",\"15-05-2026\",\"16-05-2026\",\"17-05-2026\",\"18-05-2026\",\"19-05-2026\",\"20-05-2026\",\"21-05-2026\",\"22-05-2026\",\"23-05-2026\",\"24-05-2026\",\"25-05-2026\",\"26-05-2026\",\"27-05-2026\",\"03-07-2026\",\"04-07-2026\",\"05-07-2026\",\"06-07-2026\",\"07-07-2026\",\"08-07-2026\",\"18-01-2027\",\"19-01-2027\",\"20-01-2027\",\"21-01-2027\",\"22-01-2027\",\"23-01-2027\",\"24-01-2027\",\"25-01-2027\",\"26-01-2027\",\"27-01-2027\",\"28-01-2027\",\"29-01-2027\",\"30-01-2027\",\"31-01-2027\",\"01-02-2027\",\"02-02-2027\",\"03-02-2027\",\"04-02-2027\",\"05-02-2027\",\"06-02-2027\",\"07-02-2027\",\"08-02-2027\",\"09-02-2027\",\"10-02-2027\",\"11-02-2027\",\"12-02-2027\",\"13-02-2027\",\"14-02-2027\",\"15-02-2027\",\"16-02-2027\",\"17-02-2027\",\"18-02-2027\",\"19-02-2027\",\"20-02-2027\",\"21-02-2027\",\"22-02-2027\",\"23-02-2027\",\"24-02-2027\",\"25-02-2027\",\"26-02-2027\",\"27-02-2027\",\"28-02-2027\",\"01-03-2027\",\"02-03-2027\",\"03-03-2027\",\"04-03-2027\",\"05-03-2027\",\"06-03-2027\",\"07-03-2027\",\"08-03-2027\",\"09-03-2027\",\"10-03-2027\",\"11-03-2027\",\"12-03-2027\",\"13-03-2027\",\"14-03-2027\",\"15-03-2027\",\"16-03-2027\",\"17-03-2027\",\"18-03-2027\",\"19-03-2027\",\"20-03-2027\",\"21-03-2027\",\"22-03-2027\",\"23-03-2027\",\"24-03-2027\",\"25-03-2027\",\"26-03-2027\",\"27-03-2027\",\"28-03-2027\",\"29-03-2027\",\"30-03-2027\",\"31-03-2027\",\"01-04-2027\",\"02-04-2027\",\"03-04-2027\",\"04-04-2027\",\"05-04-2027\",\"06-04-2027\",\"07-04-2027\",\"08-04-2027\",\"09-04-2027\",\"10-04-2027\",\"11-04-2027\",\"12-04-2027\",\"13-04-2027\",\"14-04-2027\",\"15-04-2027\",\"16-04-2027\",\"17-04-2027\",\"18-04-2027\",\"19-04-2027\",\"20-04-2027\",\"21-04-2027\",\"22-04-2027\",\"23-04-2027\",\"24-04-2027\",\"01-06-2026\",\"02-06-2026\",\"03-06-2026\",\"05-06-2026\",\"06-06-2026\",\"07-06-2026\",\"08-06-2026\",\"09-06-2026\",\"10-06-2026\",\"11-06-2026\",\"13-06-2026\",\"14-06-2026\",\"15-06-2026\",\"16-06-2026\",\"17-06-2026\",\"18-06-2026\",\"19-06-2026\",\"20-06-2026\",\"20-06-2026\",\"21-06-2026\",\"22-06-2026\",\"23-06-2026\",\"24-06-2026\",\"25-06-2026\",\"26-06-2026\",\"27-06-2026\",\"08-07-2026\",\"09-07-2026\",\"10-07-2026\",\"11-07-2026\",\"11-07-2026\",\"12-07-2026\",\"13-07-2026\",\"14-07-2026\",\"15-07-2026\",\"16-07-2026\",\"17-07-2026\",\"18-07-2026\",\"19-07-2026\",\"20-07-2026\",\"21-07-2026\",\"22-07-2026\",\"23-07-2026\",\"24-07-2026\",\"25-07-2026\",\"11-08-2026\",\"12-08-2026\",\"13-08-2026\",\"14-08-2026\",\"14-08-2026\",\"15-08-2026\",\"16-08-2026\",\"17-08-2026\",\"18-08-2026\",\"19-08-2026\",\"20-08-2026\",\"21-08-2026\",\"22-08-2026\",\"12-09-2026\",\"13-09-2026\",\"14-09-2026\",\"15-09-2026\",\"16-09-2026\",\"17-09-2026\",\"18-09-2026\",\"19-09-2026\"];\n        <\/script>\n\n    <\/div>\n\n\n\n    <script>\n    document.addEventListener('DOMContentLoaded', function () {\n\n        const form = document.getElementById('resa-form');\n        const dateArrivee = document.getElementById('date_arrivee');\n        const dateDepart  = document.getElementById('date_depart');\n        const emailField  = document.getElementById('email');\n        const feedback    = document.getElementById('email-feedback');\n\n        \/\/ Initialisation de Flatpickr\n        flatpickr.localize(flatpickr.l10ns.fr);\n        const fpArrivee = flatpickr(\"#date_arrivee\", {\n            minDate: \"today\",\n            dateFormat: \"d\/m\/Y\",\n            disable: datesIndisponibles,\n            onChange: function(selectedDates, dateStr, instance) {\n                if (selectedDates.length > 0) {\n                    const d = new Date(selectedDates[0]);\n                    d.setDate(d.getDate() + 2);\n                    fpDepart.set('minDate', d);\n                }\n            }\n        });\n\n        const fpDepart = flatpickr(\"#date_depart\", {\n            minDate: \"today\",\n            dateFormat: \"d\/m\/Y\",\n            disable: datesIndisponibles,\n        });\n\n        \/\/ -----------------------------\n        \/\/ Soumission AJAX\n        \/\/ -----------------------------\n        form.addEventListener('submit', function(e) {\n            e.preventDefault();\n\n            const data = new URLSearchParams();\n            data.append('action', 'submit_resa');\n            data.append('security', document.querySelector('[name=\"security\"]').value);\n            data.append('prenom', document.getElementById('prenom').value);\n            data.append('nom', document.getElementById('nom').value);\n            data.append('email', emailField.value);\n            data.append('mobile', document.getElementById('mobile').value);\n            data.append('nb_adultes', document.getElementById('nb_adultes').value);\n            data.append('nb_enfants', document.getElementById('nb_enfants').value);\n            data.append('date_arrivee', dateArrivee.value);\n            data.append('date_depart', dateDepart.value);\n            data.append('message', document.getElementById('message').value);\n\n            fetch('https:\/\/crikoui.fr\/wp-admin\/admin-ajax.php', {\n                method: 'POST',\n                headers: {'Content-Type': 'application\/x-www-form-urlencoded'},\n                body: data.toString()\n            })\n            .then(res => res.json())\n            .then(data => {\n                if (data.success && data.data.redirect_url) {\n                    \/\/ Redirection vers la page merci\n                    window.location.href = data.data.redirect_url;\n                    return;\n                }\n\n                \/\/ Sinon, affichage classique du message d'erreur\n                let result = document.getElementById('resa-result');\n                if (!result) {\n                    result = document.createElement('div');\n                    result.id = 'resa-result';\n\n                    const button = document.querySelector('.form-button');\n                    button.parentNode.insertBefore(result, button); \/\/ <- avant le bouton\n                }\n\n                result.className = data.success ? 'form-success' : 'form-error';\n                result.innerHTML = data.data.message;\n\n                if (data.success) form.reset();\n            });\n\n        });\n\n    });\n    <\/script>\n\n    \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-90","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/crikoui.fr\/index.php\/wp-json\/wp\/v2\/pages\/90","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/crikoui.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/crikoui.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/crikoui.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/crikoui.fr\/index.php\/wp-json\/wp\/v2\/comments?post=90"}],"version-history":[{"count":11,"href":"https:\/\/crikoui.fr\/index.php\/wp-json\/wp\/v2\/pages\/90\/revisions"}],"predecessor-version":[{"id":157,"href":"https:\/\/crikoui.fr\/index.php\/wp-json\/wp\/v2\/pages\/90\/revisions\/157"}],"wp:attachment":[{"href":"https:\/\/crikoui.fr\/index.php\/wp-json\/wp\/v2\/media?parent=90"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}