{"id":6744,"date":"2026-03-21T17:58:17","date_gmt":"2026-03-21T20:58:17","guid":{"rendered":"https:\/\/skincarebymichelle.sr\/?page_id=6744"},"modified":"2026-03-29T15:13:24","modified_gmt":"2026-03-29T18:13:24","slug":"maak-een-afspraak","status":"publish","type":"page","link":"https:\/\/skincarebymichelle.sr\/en\/maak-een-afspraak\/","title":{"rendered":"Maak een afspraak"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"6744\" class=\"elementor elementor-6744\">\n\t\t\t\t<div class=\"elementor-element elementor-element-393a4d6 animated-slow e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"393a4d6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6e76393 e-con-full e-flex e-con e-child\" data-id=\"6e76393\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1961c6e elementor-align-left elementor-widget elementor-widget-ube-heading\" data-id=\"1961c6e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"ube-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ube-heading\">\n\t<h2 class=\"ube-heading-title\">Plan eenvoudig jouw afspraak<\/h2><div class=\"ube-heading-description\"><p>Klaar voor een behandeling? Kies een moment dat jou uitkomt en wij regelen de rest.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fb1237a elementor-widget elementor-widget-shortcode\" data-id=\"fb1237a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div id=\"appointment-calendar\">\r\n        <h2 class=\"ac-visually-hidden\">Selecteer een behandeling en datum<\/h2>\r\n    <div class=\"appointment-container\">  \r\n\r\n    <!-- Service Selection -->\r\n    <div class=\"row mb-4\">\r\n        <div class=\"col-12\">\r\n            <div class=\"service-selection\">\r\n                <label for=\"service-select\">Selecteer een behandeling:<\/label>\r\n                <select id=\"service-select\" class=\"form-select\">\r\n                    <option value=\"\">Kies een behandeling<\/option>\r\n                                            <option value=\"6729\" >Tanden Bleken<\/option>\r\n                                            <option value=\"6728\" >Haargroei Behandelingen<\/option>\r\n                                            <option value=\"6727\" >Lichaamsbehandelingen<\/option>\r\n                                            <option value=\"6726\" >Laserontharing<\/option>\r\n                                            <option value=\"6725\" >Oogcontour Behandelingen<\/option>\r\n                                            <option value=\"6722\" >Littekenbehandeling &amp; Huidverjonging<\/option>\r\n                                            <option value=\"6719\" >Hyaluron fillers<\/option>\r\n                                            <option value=\"6715\" >Skin improvement<\/option>\r\n                                            <option value=\"6712\" >Deep skin analysis<\/option>\r\n                                    <\/select>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"row ac-hidden\" id=\"calendar-row\">\r\n    \r\n        <!-- Calendar -->\r\n        <div class=\"col-12 col-md-6 col-lg-4\" id=\"calendar-container\">\r\n\r\n    <div class=\"calendar-card\">\r\n\r\n        <!-- OPTIONAL HEADER -->\r\n        <!-- remove this block if you don't want it -->\r\n        <div class=\"calendar-header\">\r\n            <p>Selecteer een datum<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"calendar-body\">\r\n            <div id=\"datepicker\"><\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n        <!-- Time slots -->\r\n       <div class=\"col-12 col-md-6 col-lg-4\" id=\"timeslotbar\">\r\n  \r\n    <div id=\"available-times\" class=\"ac-hidden\">\r\n<!-- HEADER (fixed) -->\r\n        <div id=\"times-list-header\">\r\n            <p>\r\n                Beschikbare tijden voor                <span id=\"selected-date\"><\/span>\r\n            <\/p>\r\n        <\/div>\r\n    <div id=\"times-wrapper\">\r\n\r\n        \r\n\r\n        <!-- SCROLL AREA -->\r\n        <div id=\"times-list-container\">\r\n            <ul id=\"times-list\"><\/ul>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n        <\/div>\r\n\r\n        <\/div>\r\n        \r\n       <!-- form -->  \r\n         <div class=\"col-12 col-md-12 col-lg-4\" id=\"form-container\">\r\n  <div id=\"form-header\">\r\n            <p>Afspraak boeken<\/p>\r\n        <\/div>\r\n            <div id=\"appointment-form\" class=\"appointment-booking-panel ac-hidden\">\r\n               \r\n                <!-- STAFF AVAILABILITY INFO (shown after time slot selection) -->\r\n                <div id=\"resource-info\" class=\"resource-info ac-hidden\">\r\n                    <p class=\"resource-info-title\">\r\n                        Beschikbaarheid van slots:                    <\/p>\r\n                    <p id=\"resource-status-message\" class=\"resource-status-message\"><\/p>\r\n                    <div id=\"total-resources\" class=\"resource-row ac-hidden\">\r\n                        <small class=\"resource-label\"><strong>Totaal aantal slots:<\/strong><\/small>\r\n                        <span id=\"total-list\" class=\"resource-value resource-value-total\"><\/span>\r\n                    <\/div>\r\n                    <div id=\"available-resources\" class=\"resource-row ac-hidden\">\r\n                        <small class=\"resource-label\"><strong>Beschikbare slots:<\/strong><\/small>\r\n                        <span id=\"available-list\" class=\"resource-value resource-value-available\"><\/span>\r\n                    <\/div>\r\n                    <div id=\"booked-resources\" class=\"resource-row ac-hidden\">\r\n                        <small class=\"resource-label\"><strong>Gebruikte slots:<\/strong><\/small>\r\n                        <span id=\"booked-list\" class=\"resource-value resource-value-used\"><\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n            <form id=\"booking-form\" method=\"post\" class=\"booking-form\" action=\"\">\r\n\r\n    <!-- hidden fields -->\r\n    <input type=\"hidden\" name=\"date\" id=\"form-date\">\r\n    <input type=\"hidden\" name=\"time\" id=\"form-time\">\r\n\r\n    <!-- NAAM -->\r\n    <div class=\"mb-3\">\r\n        <input type=\"text\" \r\n               name=\"name\" \r\n               class=\"ninja-forms-field nf-element\" \r\n               placeholder=\"Uw naam\" \r\n               required>\r\n    <\/div>\r\n\r\n    <!-- EMAIL -->\r\n    <div class=\"mb-3\">\r\n        <input type=\"email\" \r\n               name=\"email\" \r\n               class=\"ninja-forms-field nf-element\" \r\n               placeholder=\"E-mailadres\" \r\n               required>\r\n    <\/div>\r\n\r\n    <!-- TELEFOON -->\r\n    <div class=\"mb-3\">\r\n        <input type=\"tel\" \r\n               name=\"phone\" \r\n               class=\"ninja-forms-field nf-element\" \r\n               placeholder=\"Telefoonnummer\">\r\n    <\/div>\r\n\r\n    <!-- SERVICE -->\r\n    <div class=\"mb-3 ac-hidden\">\r\n        <select name=\"service\" id=\"form-service\" class=\"form-select\" required>\r\n            <option value=\"\">Selecteer een behandeling<\/option>\r\n            <option value=\"6729\" >Tanden Bleken<\/option><option value=\"6728\" >Haargroei Behandelingen<\/option><option value=\"6727\" >Lichaamsbehandelingen<\/option><option value=\"6726\" >Laserontharing<\/option><option value=\"6725\" >Oogcontour Behandelingen<\/option><option value=\"6722\" >Littekenbehandeling &amp; Huidverjonging<\/option><option value=\"6719\" >Hyaluron fillers<\/option><option value=\"6715\" >Skin improvement<\/option><option value=\"6712\" >Deep skin analysis<\/option>        <\/select>\r\n    <\/div>\r\n\r\n    <!-- SUBMIT -->\r\n    <div class=\"d-grid\">\r\n        <button type=\"submit\" class=\"w-100\">\r\n            Afspraak boeken\r\n        <\/button>\r\n    <\/div>\r\n\r\n<input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\r\n            <\/div>\r\n\r\n        <\/div>\r\n<\/div>    \r\n<\/div>\r\n\r\n<\/div>\r\n        \n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Plan eenvoudig jouw afspraak Klaar voor een behandeling? Kies een moment dat jou uitkomt en wij regelen de rest.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"om_disable_all_campaigns":false,"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-6744","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/skincarebymichelle.sr\/en\/wp-json\/wp\/v2\/pages\/6744","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skincarebymichelle.sr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skincarebymichelle.sr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skincarebymichelle.sr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/skincarebymichelle.sr\/en\/wp-json\/wp\/v2\/comments?post=6744"}],"version-history":[{"count":28,"href":"https:\/\/skincarebymichelle.sr\/en\/wp-json\/wp\/v2\/pages\/6744\/revisions"}],"predecessor-version":[{"id":7463,"href":"https:\/\/skincarebymichelle.sr\/en\/wp-json\/wp\/v2\/pages\/6744\/revisions\/7463"}],"wp:attachment":[{"href":"https:\/\/skincarebymichelle.sr\/en\/wp-json\/wp\/v2\/media?parent=6744"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}