{"id":9,"date":"2026-03-09T13:22:42","date_gmt":"2026-03-09T17:22:42","guid":{"rendered":"https:\/\/reservepress.ca\/salon-demo\/index.php\/book\/"},"modified":"2026-03-09T10:43:13","modified_gmt":"2026-03-09T17:43:13","slug":"book-appointment","status":"publish","type":"page","link":"https:\/\/reservepress.ca\/salon-demo\/book-appointment\/","title":{"rendered":"Book an Appointment"},"content":{"rendered":"<div class=\"rpsal-widget\" id=\"rpsal-booking-widget\"\n     data-service=\"0\"\n     data-staff=\"0\">\n\n        <h2 class=\"rpsal-widget-title\">Book an Appointment<\/h2>\n    \n    <!-- Progress bar -->\n    <div class=\"rpsal-progress\" role=\"progressbar\" aria-valuemin=\"1\" aria-valuemax=\"6\" aria-valuenow=\"1\">\n                <div class=\"rpsal-progress-step active\" data-step=\"1\">\n            <div class=\"rpsal-progress-dot\">1<\/div>\n            <div class=\"rpsal-progress-label\">Service<\/div>\n        <\/div>\n                <div class=\"rpsal-progress-step \" data-step=\"2\">\n            <div class=\"rpsal-progress-dot\">2<\/div>\n            <div class=\"rpsal-progress-label\">Stylist<\/div>\n        <\/div>\n                <div class=\"rpsal-progress-step \" data-step=\"3\">\n            <div class=\"rpsal-progress-dot\">3<\/div>\n            <div class=\"rpsal-progress-label\">Date<\/div>\n        <\/div>\n                <div class=\"rpsal-progress-step \" data-step=\"4\">\n            <div class=\"rpsal-progress-dot\">4<\/div>\n            <div class=\"rpsal-progress-label\">Time<\/div>\n        <\/div>\n                <div class=\"rpsal-progress-step \" data-step=\"5\">\n            <div class=\"rpsal-progress-dot\">5<\/div>\n            <div class=\"rpsal-progress-label\">Details<\/div>\n        <\/div>\n                <div class=\"rpsal-progress-step \" data-step=\"6\">\n            <div class=\"rpsal-progress-dot\">6<\/div>\n            <div class=\"rpsal-progress-label\">Payment<\/div>\n        <\/div>\n            <\/div>\n\n    <!-- Steps container -->\n    <div class=\"rpsal-steps\">\n\n        <!-- Step 1: Service -->\n        <div class=\"rpsal-step active\" data-step=\"1\">\n            <h3 class=\"rpsal-step-title\">Choose a Service<\/h3>\n            <div class=\"rpsal-services-list\" id=\"rpsal-services-list\">\n                <div class=\"rpsal-loading\">Loading services\u2026<\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Step 2: Staff -->\n        <div class=\"rpsal-step\" data-step=\"2\">\n            <h3 class=\"rpsal-step-title\">Choose a Stylist<\/h3>\n            <div class=\"rpsal-staff-list\" id=\"rpsal-staff-list\">\n                <div class=\"rpsal-loading\">Loading\u2026<\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Step 3: Date -->\n        <div class=\"rpsal-step\" data-step=\"3\">\n            <h3 class=\"rpsal-step-title\">Choose a Date<\/h3>\n            <div class=\"rpsal-calendar-wrap\" id=\"rpsal-date-picker\">\n                <!-- Rendered by JS -->\n            <\/div>\n        <\/div>\n\n        <!-- Step 4: Time Slots -->\n        <div class=\"rpsal-step\" data-step=\"4\">\n            <h3 class=\"rpsal-step-title\">Choose a Time<\/h3>\n            <div class=\"rpsal-slots-wrap\">\n                <div class=\"rpsal-slots-date-label\" id=\"rpsal-slots-date-label\"><\/div>\n                <div class=\"rpsal-slots-grid\" id=\"rpsal-slots-grid\">\n                    <div class=\"rpsal-loading\">Loading available times\u2026<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Step 5: Client Details -->\n        <div class=\"rpsal-step\" data-step=\"5\">\n            <h3 class=\"rpsal-step-title\">Your Details<\/h3>\n            <div class=\"rpsal-booking-summary\" id=\"rpsal-step5-summary\"><\/div>\n            <div class=\"rpsal-form\">\n                <div class=\"rpsal-form-row\">\n                    <div class=\"rpsal-form-field\">\n                        <label for=\"rpsal-first-name\">First Name <span class=\"rpsal-required\">*<\/span><\/label>\n                        <input type=\"text\" id=\"rpsal-first-name\" name=\"first_name\" autocomplete=\"given-name\">\n                    <\/div>\n                    <div class=\"rpsal-form-field\">\n                        <label for=\"rpsal-last-name\">Last Name<\/label>\n                        <input type=\"text\" id=\"rpsal-last-name\" name=\"last_name\" autocomplete=\"family-name\">\n                    <\/div>\n                <\/div>\n                <div class=\"rpsal-form-row\">\n                    <div class=\"rpsal-form-field\">\n                        <label for=\"rpsal-email\">Email <span class=\"rpsal-required\">*<\/span><\/label>\n                        <input type=\"email\" id=\"rpsal-email\" name=\"email\" autocomplete=\"email\">\n                    <\/div>\n                    <div class=\"rpsal-form-field\">\n                        <label for=\"rpsal-phone\">Phone <span class=\"rpsal-required\">*<\/span><\/label>\n                        <input type=\"tel\" id=\"rpsal-phone\" name=\"phone\" autocomplete=\"tel\">\n                    <\/div>\n                <\/div>\n                <div class=\"rpsal-form-field\">\n                    <label for=\"rpsal-requests\">Special Requests <span class=\"rpsal-optional\">(optional)<\/span><\/label>\n                    <textarea id=\"rpsal-requests\" name=\"special_requests\" rows=\"2\" placeholder=\"Allergies, preferences, anything we should know\u2026\"><\/textarea>\n                <\/div>\n                <div class=\"rpsal-form-field\">\n                    <label for=\"rpsal-promo\">Promo Code <span class=\"rpsal-optional\">(optional)<\/span><\/label>\n                    <div class=\"rpsal-promo-row\">\n                        <input type=\"text\" id=\"rpsal-promo\" name=\"promo_code\" placeholder=\"Enter code\" style=\"text-transform:uppercase\">\n                        <button type=\"button\" id=\"rpsal-apply-promo\" class=\"rpsal-btn rpsal-btn-outline\">Apply<\/button>\n                    <\/div>\n                    <div id=\"rpsal-promo-msg\" class=\"rpsal-promo-msg\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Step 6: Payment -->\n        <div class=\"rpsal-step\" data-step=\"6\">\n            <h3 class=\"rpsal-step-title\">\n                Confirm Booking            <\/h3>\n\n            <div class=\"rpsal-booking-summary\" id=\"rpsal-step6-summary\"><\/div>\n\n            \n            \n            <div class=\"rpsal-step-actions\" id=\"rpsal-confirm-actions\">\n                <button type=\"button\" id=\"rpsal-confirm-btn\" class=\"rpsal-btn rpsal-btn-primary rpsal-btn-lg\">\n                    Confirm Booking                <\/button>\n            <\/div>\n        <\/div>\n\n        <!-- Confirmation -->\n        <div class=\"rpsal-step rpsal-confirmation\" data-step=\"confirm\" style=\"display:none\">\n            <div class=\"rpsal-confirm-icon\">\u2713<\/div>\n            <h3 class=\"rpsal-confirm-title\">You're booked!<\/h3>\n            <p class=\"rpsal-confirm-msg\">A confirmation email is on its way. See you soon!<\/p>\n            <div class=\"rpsal-confirm-details\" id=\"rpsal-confirm-details\"><\/div>\n\n        <\/div>\n\n    <\/div><!-- .rpsal-steps -->\n\n    <!-- Navigation -->\n    <div class=\"rpsal-nav\" id=\"rpsal-nav\">\n        <button type=\"button\" class=\"rpsal-btn rpsal-btn-outline\" id=\"rpsal-back-btn\" style=\"display:none\">\u2190 Back<\/button>\n        <button type=\"button\" class=\"rpsal-btn rpsal-btn-primary\" id=\"rpsal-next-btn\" style=\"display:none\">Next \u2192<\/button>\n    <\/div>\n\n    <div class=\"rpsal-widget-error\" id=\"rpsal-widget-error\" style=\"display:none\"><\/div>\n\n<\/div><!-- .rpsal-widget -->\n\n\n\n<p><\/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":"page-booking.php","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/reservepress.ca\/salon-demo\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/reservepress.ca\/salon-demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/reservepress.ca\/salon-demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/reservepress.ca\/salon-demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/reservepress.ca\/salon-demo\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":1,"href":"https:\/\/reservepress.ca\/salon-demo\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/reservepress.ca\/salon-demo\/wp-json\/wp\/v2\/pages\/9\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/reservepress.ca\/salon-demo\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}