{"id":2,"date":"2025-12-24T11:37:39","date_gmt":"2025-12-24T11:37:39","guid":{"rendered":"http:\/\/dietetique27.sys-develop.fr\/?page_id=2"},"modified":"2025-12-24T15:28:35","modified_gmt":"2025-12-24T15:28:35","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/dietetique27.sys-develop.fr\/index.php\/sample-page\/","title":{"rendered":"Sample Page"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">This is an example page. It&rsquo;s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this:<\/p>\n\n\n        <div class=\"ca-booking-wrapper\">\n            <button type=\"button\" class=\"ca-booking-button\" id=\"ca-open-booking\">\n                Prendre rendez-vous            <\/button>\n        <\/div>\n\n        <!-- Modal du wizard de r\u00e9servation -->\n        <div id=\"ca-booking-modal\" class=\"ca-booking-modal\" style=\"display: none;\">\n            <div class=\"ca-booking-modal-overlay\"><\/div>\n            <div class=\"ca-booking-modal-content\">\n                <button type=\"button\" class=\"ca-booking-close\">&times;<\/button>\n                \n                <div class=\"ca-booking-header\">\n                    <h2 class=\"ca-booking-title\">Charlotte Paillette - Di\u00e9t\u00e9ticienne<\/h2>\n                    <div class=\"ca-booking-steps\">\n                        <div class=\"ca-step active\" data-step=\"1\">\n                            <span class=\"ca-step-number\">1<\/span>\n                            <span class=\"ca-step-label\">Service<\/span>\n                        <\/div>\n                        <div class=\"ca-step\" data-step=\"2\">\n                            <span class=\"ca-step-number\">2<\/span>\n                            <span class=\"ca-step-label\">Mode<\/span>\n                        <\/div>\n                        <div class=\"ca-step\" data-step=\"3\">\n                            <span class=\"ca-step-number\">3<\/span>\n                            <span class=\"ca-step-label\">Date & Heure<\/span>\n                        <\/div>\n                        <div class=\"ca-step\" data-step=\"4\">\n                            <span class=\"ca-step-number\">4<\/span>\n                            <span class=\"ca-step-label\">Informations<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"ca-booking-body\">\n                    <!-- R\u00e9sum\u00e9 des choix -->\n                    <div class=\"ca-booking-summary\" id=\"ca-booking-summary\" style=\"display: none;\"><\/div>\n\n                    <!-- \u00c9tape 1 : Choix du service -->\n                    <div class=\"ca-booking-step active\" id=\"ca-step-1\">\n                        <h3>Choisissez votre service<\/h3>\n                        <div class=\"ca-services-list\" id=\"ca-services-list\">\n                            <p class=\"ca-loading\">Chargement des services...<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u00c9tape 2 : Choix du mode -->\n                    <div class=\"ca-booking-step\" id=\"ca-step-2\" style=\"display: none;\">\n                        <h3>Choisissez le mode de consultation<\/h3>\n                        <div class=\"ca-modes-list\" id=\"ca-modes-list\"><\/div>\n                    <\/div>\n\n                    <!-- \u00c9tape 3 : Choix de la date et de l'heure -->\n                    <div class=\"ca-booking-step\" id=\"ca-step-3\" style=\"display: none;\">\n                        <h3>Choisissez une date et une heure<\/h3>\n                        <div class=\"ca-datetime-picker\">\n                            <div class=\"ca-calendar-container\">\n                                <div class=\"ca-calendar-header\">\n                                    <button type=\"button\" class=\"ca-calendar-prev\">&lt;<\/button>\n                                    <span class=\"ca-calendar-title\"><\/span>\n                                    <button type=\"button\" class=\"ca-calendar-next\">&gt;<\/button>\n                                <\/div>\n                                <div class=\"ca-calendar-grid\" id=\"ca-calendar-grid\"><\/div>\n                            <\/div>\n                            <div class=\"ca-timeslots-container\">\n                                <h4>Cr\u00e9neaux disponibles<\/h4>\n                                <div class=\"ca-time-periods\">\n                                    <button type=\"button\" class=\"ca-period-btn active\" data-period=\"morning\">Matin<\/button>\n                                    <button type=\"button\" class=\"ca-period-btn\" data-period=\"afternoon\">Apr\u00e8s-midi<\/button>\n                                    <button type=\"button\" class=\"ca-period-btn\" data-period=\"evening\">Soir<\/button>\n                                <\/div>\n                                <div class=\"ca-timeslots-list\" id=\"ca-timeslots-list\">\n                                    <p class=\"ca-placeholder\">S\u00e9lectionnez une date<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u00c9tape 4 : Informations patient -->\n                    <div class=\"ca-booking-step\" id=\"ca-step-4\" style=\"display: none;\">\n                        <h3>Vos informations<\/h3>\n                        <form id=\"ca-patient-form\">\n                            <div class=\"ca-form-group\">\n                                <label for=\"patient-name\">Nom complet *<\/label>\n                                <input type=\"text\" id=\"patient-name\" name=\"name\" required>\n                            <\/div>\n                            <div class=\"ca-form-group\">\n                                <label for=\"patient-email\">Email *<\/label>\n                                <input type=\"email\" id=\"patient-email\" name=\"email\" required>\n                            <\/div>\n                            <div class=\"ca-form-group\">\n                                <label for=\"patient-phone\">T\u00e9l\u00e9phone *<\/label>\n                                <input type=\"tel\" id=\"patient-phone\" name=\"phone\" required>\n                                <p class=\"description\" style=\"font-size: 12px; color: #666; margin-top: 5px;\">\n                                    N\u00e9cessaire pour les rappels SMS                                <\/p>\n                            <\/div>\n                            <div class=\"ca-form-group\">\n                                <label for=\"patient-reason\">Motif de consultation *<\/label>\n                                <textarea id=\"patient-reason\" name=\"reason\" rows=\"4\" required><\/textarea>\n                                <p class=\"description\" style=\"font-size: 12px; color: #666; margin-top: 5px;\">\n                                    D\u00e9crivez bri\u00e8vement le motif de votre consultation                                <\/p>\n                            <\/div>\n                        <\/form>\n                    <\/div>\n\n                    <!-- \u00c9tape 5 : Confirmation -->\n                    <div class=\"ca-booking-step\" id=\"ca-step-5\" style=\"display: none;\">\n                        <div class=\"ca-confirmation-message\">\n                            <div class=\"ca-confirmation-icon\">\u2713<\/div>\n                            <h3>Rendez-vous confirm\u00e9 !<\/h3>\n                            <p>Vous allez recevoir un email de confirmation.<\/p>\n                            <div class=\"ca-confirmation-details\" id=\"ca-confirmation-details\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"ca-booking-footer\">\n                    <button type=\"button\" class=\"ca-btn ca-btn-secondary\" id=\"ca-btn-back\" style=\"display: none;\">\n                        Retour                    <\/button>\n                    <button type=\"button\" class=\"ca-btn ca-btn-primary\" id=\"ca-btn-next\" disabled>\n                        Suivant                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This is an example page. It&rsquo;s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this:<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dietetique27.sys-develop.fr\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dietetique27.sys-develop.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dietetique27.sys-develop.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dietetique27.sys-develop.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dietetique27.sys-develop.fr\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":1,"href":"https:\/\/dietetique27.sys-develop.fr\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":9,"href":"https:\/\/dietetique27.sys-develop.fr\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/9"}],"wp:attachment":[{"href":"https:\/\/dietetique27.sys-develop.fr\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}