{"id":395,"date":"2025-05-08T19:42:50","date_gmt":"2025-05-08T17:42:50","guid":{"rendered":"https:\/\/ecolepouilly.fr\/?page_id=395"},"modified":"2025-08-31T19:34:33","modified_gmt":"2025-08-31T17:34:33","slug":"internal-calendar","status":"publish","type":"page","link":"https:\/\/ecolepouilly.fr\/index.php\/internal-calendar\/","title":{"rendered":"Formulaire de r\u00e9servation"},"content":{"rendered":"    <div class=\"mrs-plugin-wrapper mrs-etape1-wrapper\">\n\n    <div class=\"reservation-container reservation-etape1\">\n        <h1>R\u00e9servation pour les groupes scolaires<\/h1>\n        <p>Veuillez s\u00e9lectionner le nombre de classes et la dur\u00e9e souhait\u00e9e pour votre visite.<\/p>\n\n        <form id=\"reservation-etape1-form\" action=\"https:\/\/ecolepouilly.fr\/index.php\/internal-calendar2\/\" method=\"GET\">\n            <div class=\"form-group\">\n                <label for=\"nombre_classes\">Nombre de classes :<\/label>\n                <select name=\"nombre_classes\" id=\"nombre_classes\" required>\n                    <option value=\"1\"  selected='selected'>\n                        1 classe (demi-journ\u00e9e uniquement)                    <\/option>\n                    <option value=\"2\" >\n                        2 classes                    <\/option>\n                    <option value=\"3\" >\n                        3 classes (journ\u00e9e enti\u00e8re, 2 le matin et 1 l&#039;apr\u00e8s-midi)                    <\/option>\n                    <option value=\"4\" >\n                        4 classes (journ\u00e9e enti\u00e8re uniquement)                    <\/option>\n                <\/select>\n            <\/div>\n\n            <div class=\"form-group\">\n                <label for=\"duree_visite\">Dur\u00e9e de la visite :<\/label>\n                <select name=\"duree_visite\" id=\"duree_visite\" required>\n                    <option value=\"demi-journee\"  selected='selected'>\n                        Demi-journ\u00e9e                    <\/option>\n                    <option value=\"journee-entiere\" >\n                        Journ\u00e9e enti\u00e8re                    <\/option>\n                <\/select>\n            <\/div>\n\n            \n            <div class=\"form-group form-submit\">\n                <button type=\"submit\" class=\"button-suivant\">\n                    Suivant &raquo;\n                <\/button>\n            <\/div>\n        <\/form>\n    <\/div>\n    <\/div>\n\n    <script type=\"text\/javascript\">\n        document.addEventListener('DOMContentLoaded', function() {\n            var nombreClassesSelect = document.getElementById('nombre_classes');\n            var dureeVisiteSelect = document.getElementById('duree_visite');\n            var optionDemiJournee = dureeVisiteSelect ? dureeVisiteSelect.querySelector('option[value=\"demi-journee\"]') : null;\n            var optionJourneeEntiere = dureeVisiteSelect ? dureeVisiteSelect.querySelector('option[value=\"journee-entiere\"]') : null;\n\n            function adjustDureeOptions() {\n                if (!nombreClassesSelect || !dureeVisiteSelect || !optionDemiJournee || !optionJourneeEntiere) {\n                    console.warn('\u00c9l\u00e9ments de formulaire pour la r\u00e9servation non trouv\u00e9s. Le script de bascule ne peut pas s\\'ex\u00e9cuter.');\n                    return;\n                }\n\n                var selectedClasses = parseInt(nombreClassesSelect.value, 10);\n\n                if (selectedClasses === 1) {\n                    \/\/ 1 classe: Demi-journ\u00e9e OUI, Journ\u00e9e enti\u00e8re NON\n                    optionDemiJournee.disabled = false;\n                    optionJourneeEntiere.disabled = true;\n                    \/\/ Si \"Journ\u00e9e enti\u00e8re\" \u00e9tait s\u00e9lectionn\u00e9e, on force \"Demi-journ\u00e9e\"\n                    if (dureeVisiteSelect.value === 'journee-entiere') {\n                        dureeVisiteSelect.value = 'demi-journee';\n                    }\n                } else if (selectedClasses === 2) {\n                    \/\/ 2 classes: Demi-journ\u00e9e OUI, Journ\u00e9e enti\u00e8re OUI\n                    optionDemiJournee.disabled = false;\n                    optionJourneeEntiere.disabled = false;\n                } else if (selectedClasses >= 3) {\n                    \/\/ 3 ou 4 classes: Demi-journ\u00e9e NON, Journ\u00e9e enti\u00e8re OUI\n                    optionDemiJournee.disabled = true;\n                    optionJourneeEntiere.disabled = false;\n                    \/\/ Si \"Demi-journ\u00e9e\" \u00e9tait s\u00e9lectionn\u00e9e, on force \"Journ\u00e9e enti\u00e8re\"\n                    if (dureeVisiteSelect.value === 'demi-journee') {\n                        dureeVisiteSelect.value = 'journee-entiere';\n                    }\n                } else {\n                    \/\/ Cas par d\u00e9faut ou impr\u00e9vu, tout activer (ou g\u00e9rer autrement)\n                    optionDemiJournee.disabled = false;\n                    optionJourneeEntiere.disabled = false;\n                }\n            }\n\n            if (nombreClassesSelect && dureeVisiteSelect && optionDemiJournee && optionJourneeEntiere) {\n                adjustDureeOptions(); \/\/ Appel initial pour l'\u00e9tat au chargement\n                nombreClassesSelect.addEventListener('change', adjustDureeOptions);\n            } else {\n                console.warn('Impossible d\\'initialiser ou d\\'attacher l\\'\u00e9couteur pour la bascule de dur\u00e9e de visite car un ou plusieurs \u00e9l\u00e9ments sont manquants.');\n            }\n        });\n    <\/script>\n    \n\n\n\n<p class=\"wp-block-paragraph\"><\/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-395","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ecolepouilly.fr\/index.php\/wp-json\/wp\/v2\/pages\/395","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ecolepouilly.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ecolepouilly.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ecolepouilly.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ecolepouilly.fr\/index.php\/wp-json\/wp\/v2\/comments?post=395"}],"version-history":[{"count":2,"href":"https:\/\/ecolepouilly.fr\/index.php\/wp-json\/wp\/v2\/pages\/395\/revisions"}],"predecessor-version":[{"id":955,"href":"https:\/\/ecolepouilly.fr\/index.php\/wp-json\/wp\/v2\/pages\/395\/revisions\/955"}],"wp:attachment":[{"href":"https:\/\/ecolepouilly.fr\/index.php\/wp-json\/wp\/v2\/media?parent=395"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}