{"id":474,"date":"2026-05-19T10:57:22","date_gmt":"2026-05-19T09:57:22","guid":{"rendered":"https:\/\/cloudpress.co.uk\/rotherham\/?page_id=474"},"modified":"2026-05-19T14:17:58","modified_gmt":"2026-05-19T13:17:58","slug":"booking","status":"publish","type":"page","link":"https:\/\/cloudpress.co.uk\/rotherham\/booking\/","title":{"rendered":"Booking"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row el_class=&#8221;pt-0&#8243;][vc_column][vc_column_text css=&#8221;&#8221;]<div class=\"car-booking container py-4\">\r\n  <div class=\"layout\">\r\n    <div class=\"car-flow\">\r\n      <nav class=\"car-steps\" aria-label=\"Booking progress\">\r\n        <span class=\"car-step active\" data-step-indicator=\"type\">Type<\/span>\r\n        <span class=\"car-step\" data-step-indicator=\"time\">Calendar<\/span>\r\n        <span class=\"car-step\" data-step-indicator=\"confirm\">Confirm<\/span>\r\n      <\/nav>\r\n\r\n      <div class=\"card car-panel active\" data-step-panel=\"type\">\r\n        <h2 class=\"car-panel-title\">Book an appointment<\/h2>\r\n        <p class=\"car-panel-intro\">Answer these questions to find the right appointment for you.<\/p>\r\n                <div class=\"car-booking-question\">\r\n          <label class=\"car-question-title\" for=\"car_specialism\">What do you need help with?<\/label>\n          <select class=\"form-control\" id=\"car_specialism\" name=\"specialism\">\r\n            <option value=\"\">Loading specialisms...<\/option>\r\n          <\/select>\r\n        <\/div>\r\n        <div class=\"car-booking-question car-appointment-type-question\">\r\n          <h3 class=\"car-question-title\" id=\"car-appointment-type-label\">How would you like your appointment?<\/h3>\n          <div class=\"appointment-type-list\" aria-labelledby=\"car-appointment-type-label\" aria-live=\"polite\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"card car-panel\" data-step-panel=\"time\">\r\n        <h2 class=\"mb-2\">Calendar<\/h2>\r\n        <div class=\"car-calendar-header\">\r\n          <div class=\"car-month\"><\/div>\r\n          <div class=\"car-date-nav\" aria-label=\"Date navigation\">\r\n            <button class=\"car-date-prev\" type=\"button\" aria-label=\"Previous days\" title=\"Previous days\">&lsaquo;<\/button>\r\n            <button class=\"car-date-next\" type=\"button\" aria-label=\"Next days\" title=\"Next days\">&rsaquo;<\/button>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"car-date-wrap\">\r\n          <div class=\"car-date-strip\" tabindex=\"0\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"time-list\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"card car-panel car-confirm-panel\" data-step-panel=\"confirm\">\r\n        <h2 class=\"car-panel-title\">Confirm appointment<\/h2>\n        <form id=\"car-booking-form\">\n          <input type=\"hidden\" id=\"car_date\" name=\"date\">\r\n          <input type=\"hidden\" id=\"car_time\" name=\"time\">\r\n          <input type=\"hidden\" id=\"car_type\" name=\"type\">\r\n          <input type=\"hidden\" id=\"car_specialism_value\" name=\"specialism\">\r\n          <input type=\"hidden\" name=\"advisor_id\" value=\"0\">\n          <p class=\"car-required-note\"><span class=\"car-required\" aria-hidden=\"true\">*<\/span> Required field<\/p>\n          <div class=\"mb-2\">\n            <label class=\"form-label\" for=\"car_client_name\"><span class=\"car-client-name-label car-client-name-label-text\">Your name<\/span> <span class=\"car-required\" aria-hidden=\"true\">*<\/span><span class=\"screen-reader-text\"> (required)<\/span><\/label>\n            <input type=\"text\" id=\"car_client_name\" name=\"name\" class=\"form-control\" required>\n          <\/div>\n          <div class=\"mb-2\">\n            <label class=\"form-label\" for=\"car_client_email\"><span class=\"car-client-email-label car-client-email-label-text\">Email<\/span> <span class=\"car-required\" aria-hidden=\"true\">*<\/span><span class=\"screen-reader-text\"> (required)<\/span><\/label>\n            <input type=\"email\" id=\"car_client_email\" name=\"email\" class=\"form-control\" required>\n                      <\/div>\n          <div class=\"mb-2\">\n            <label class=\"form-label\" for=\"car_client_phone\">Phone <span class=\"car-phone-required\" hidden><span class=\"car-required\" aria-hidden=\"true\">*<\/span><span class=\"screen-reader-text\"> (required)<\/span><\/span><\/label>\n            <input type=\"text\" id=\"car_client_phone\" name=\"phone\" class=\"form-control\">\n          <\/div>\n          <div class=\"mb-2\">\n            <label class=\"form-label\" for=\"car_client_postcode\">Post Code<\/label>\n            <input type=\"text\" id=\"car_client_postcode\" name=\"postcode\" class=\"form-control\" autocomplete=\"postal-code\">\n          <\/div>\r\n          <div class=\"mb-2 car-preferred-time-field\" hidden>\r\n            <label class=\"form-label\">Preferred time<\/label>\r\n            <select name=\"preferred_time\" class=\"form-control\" disabled>\r\n              <option value=\"i_dont_mind\">I don't mind<\/option>\r\n              <option value=\"morning\">Morning (9am to 12pm)<\/option>\r\n              <option value=\"lunchtime\">Lunchtime (12pm to 2pm)<\/option>\r\n              <option value=\"afternoon\">Afternoon (2pm to 5pm)<\/option>\r\n              <option value=\"early_evening\">Early evening (5pm to 7pm)<\/option>\r\n            <\/select>\r\n          <\/div>\r\n          <div class=\"mb-2 car-client-overview-field\">\r\n            <label class=\"form-label\">Brief overview (what is this about?)<\/label>\r\n            <textarea name=\"message\" class=\"form-control car-overview-input\" rows=\"7\" placeholder=\"Optional. Share a little context about what you need help with so the advisor can prepare.\"><\/textarea>\r\n          <\/div>\r\n                    <button id=\"car-submit\" class=\"btn btn-primary w-100\" type=\"button\">Confirm Appointment<\/button>\r\n        <\/form>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <aside class=\"card summary\">\r\n      <h3>Review and confirm<\/h3>\r\n      <div class=\"mb-2\">\r\n        <div><strong>Type:<\/strong> <span id=\"summary-type\">&mdash;<\/span><\/div>\r\n        <div><strong>Specialism:<\/strong> <span id=\"summary-specialism\">&mdash;<\/span><\/div>\r\n        <div><strong>Date:<\/strong> <span id=\"summary-date\">&mdash;<\/span><\/div>\r\n        <div><strong>Time:<\/strong> <span id=\"summary-time\">&mdash;<\/span><\/div>\r\n        <div id=\"summary-location-row\" hidden><strong>Location:<\/strong> <span id=\"summary-location\"><\/span><\/div>\n        <div id=\"summary-location-address-row\" hidden><strong>Address:<\/strong> <address id=\"summary-location-address\" class=\"ca-location-address mb-0\"><\/address><\/div>\n      <\/div>\r\n    <\/aside>\r\n  <\/div>\r\n<\/div>\r\n[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row el_class=&#8221;pt-0&#8243;][vc_column][vc_column_text css=&#8221;&#8221;][\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-474","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cloudpress.co.uk\/rotherham\/wp-json\/wp\/v2\/pages\/474","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cloudpress.co.uk\/rotherham\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cloudpress.co.uk\/rotherham\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cloudpress.co.uk\/rotherham\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudpress.co.uk\/rotherham\/wp-json\/wp\/v2\/comments?post=474"}],"version-history":[{"count":5,"href":"https:\/\/cloudpress.co.uk\/rotherham\/wp-json\/wp\/v2\/pages\/474\/revisions"}],"predecessor-version":[{"id":553,"href":"https:\/\/cloudpress.co.uk\/rotherham\/wp-json\/wp\/v2\/pages\/474\/revisions\/553"}],"wp:attachment":[{"href":"https:\/\/cloudpress.co.uk\/rotherham\/wp-json\/wp\/v2\/media?parent=474"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}