{"id":2,"date":"2025-06-22T03:14:19","date_gmt":"2025-06-22T03:14:19","guid":{"rendered":"https:\/\/www.sokrasoft.ovh\/?page_id=2"},"modified":"2025-06-24T01:57:48","modified_gmt":"2025-06-24T01:57:48","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/www.sokrasoft.ovh\/?page_id=2","title":{"rendered":"Pro Booking Form"},"content":{"rendered":"\n        <style>\n            \n            :root {\n                --probooking-primary-color: #1e73be;\n                --probooking-secondary-color: #ffffff;\n                --probooking-background-color: #1e73be;\n                --probooking-text-color: #000000;\n                --probooking-border-color: #cccccc;\n                --probooking-success-color: #46b450;\n                --probooking-error-color: #dc3232;\n            }\n                <\/style>\n        \n        <div class=\"probooking-container\" id=\"probooking-form-container\">\n            <form id=\"probooking-form\" class=\"probooking-form\">\n                <input type=\"hidden\" id=\"probooking_nonce_field\" name=\"probooking_nonce_field\" value=\"6900e9b6db\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F2\" \/>                \n                <div class=\"probooking-form-header\">\n                    <h3 class=\"probooking-title\">Book an Appointment<\/h3>\n                    <p class=\"probooking-description\">Fill out the form below to book your slot.<\/p>\n                <\/div>\n                \n                <div class=\"probooking-form-body\">\n                    <div class=\"probooking-row\">\n                        <div class=\"probooking-col-half\">\n                            <label for=\"probooking-name\" class=\"probooking-label\">\n                                Full Name <span class=\"probooking-required\">*<\/span>\n                            <\/label>\n                            <input type=\"text\" id=\"probooking-name\" name=\"client_name\" class=\"probooking-input\" required>\n                        <\/div>\n                        \n                        <div class=\"probooking-col-half\">\n                            <label for=\"probooking-email\" class=\"probooking-label\">\n                                Email <span class=\"probooking-required\">*<\/span>\n                            <\/label>\n                            <input type=\"email\" id=\"probooking-email\" name=\"client_email\" class=\"probooking-input\" required>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"probooking-row\">\n                        <div class=\"probooking-col-half\">\n                            <label for=\"probooking-phone\" class=\"probooking-label\">\n                                Phone                            <\/label>\n                            <input type=\"tel\" id=\"probooking-phone\" name=\"client_phone\" class=\"probooking-input\">\n                        <\/div>\n                        \n                        <div class=\"probooking-col-half\">\n                            <label for=\"probooking-service\" class=\"probooking-label\">\n                                Service Type <span class=\"probooking-required\">*<\/span>\n                            <\/label>\n                            <select id=\"probooking-service\" name=\"service_type\" class=\"probooking-select\" required>\n                                <option value=\"\">Select a service<\/option>\n                                                                    <option value=\"Consultation\" selected>\n                                        Consultation                                    <\/option>\n                                                                    <option value=\"Intervention\" >\n                                        Intervention                                    <\/option>\n                                                                    <option value=\"Maintenance\" >\n                                        Maintenance                                    <\/option>\n                                                            <\/select>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"probooking-row\">\n                        <div class=\"probooking-col-half\">\n                            <label for=\"probooking-date\" class=\"probooking-label\">\n                                Desired Date <span class=\"probooking-required\">*<\/span>\n                            <\/label>\n                            <input type=\"date\" id=\"probooking-date\" name=\"appointment_date\" class=\"probooking-input\" \n                                   min=\"2026-04-11\" required>\n                        <\/div>\n                        \n                        <div class=\"probooking-col-half\">\n                            <label for=\"probooking-time\" class=\"probooking-label\">\n                                Desired Time <span class=\"probooking-required\">*<\/span>\n                            <\/label>\n                            <select id=\"probooking-time\" name=\"appointment_time\" class=\"probooking-select\" required>\n                                <option value=\"\">Select a time<\/option>\n                                <option value=\"10:00\">10:00<\/option><option value=\"11:00\">11:00<\/option><option value=\"12:00\">12:00<\/option><option value=\"13:00\">13:00<\/option><option value=\"14:00\">14:00<\/option><option value=\"15:00\">15:00<\/option>                            <\/select>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"probooking-row\">\n                        <div class=\"probooking-col-full\">\n                            <label for=\"probooking-notes\" class=\"probooking-label\">\n                                Notes or special requests                            <\/label>\n                            <textarea id=\"probooking-notes\" name=\"notes\" class=\"probooking-textarea\" rows=\"4\" \n                                      placeholder=\"Briefly describe your request or any important information...\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"probooking-form-footer\">\n                    <button type=\"submit\" class=\"probooking-submit-btn\">\n                        <span class=\"probooking-btn-text\">Book Now<\/span>\n                        <span class=\"probooking-btn-loading\" style=\"display: none;\">Sending...<\/span>\n                    <\/button>\n                <\/div>\n                \n                <div id=\"probooking-messages\" class=\"probooking-messages\"><\/div>\n            <\/form>\n        <\/div>\n        \n\n","protected":false},"excerpt":{"rendered":"","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:\/\/www.sokrasoft.ovh\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sokrasoft.ovh\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sokrasoft.ovh\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sokrasoft.ovh\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sokrasoft.ovh\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":3,"href":"https:\/\/www.sokrasoft.ovh\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":37,"href":"https:\/\/www.sokrasoft.ovh\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/37"}],"wp:attachment":[{"href":"https:\/\/www.sokrasoft.ovh\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}