{"id":362,"date":"2026-10-01T16:31:46","date_gmt":"2026-10-01T14:31:46","guid":{"rendered":"https:\/\/webwerkplaats-demo.nl\/barber\/?page_id=362"},"modified":"2026-10-02T14:04:01","modified_gmt":"2026-10-02T12:04:01","slug":"kalender","status":"publish","type":"page","link":"https:\/\/webwerkplaats-demo.nl\/barber\/kalender\/","title":{"rendered":"Kalender"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_0 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><div id=\"sln-salon-booking-calendar-shortcode\" class=\"alignwide\">\n    <div class=\"sbc-header-row\">\n        <h2 class=\"sbc-heading\">Booking Calendar by Assistant<\/h2>\n        <span class=\"sbc-sync-badge\" aria-live=\"polite\" aria-atomic=\"true\"><\/span>\n    <\/div>\n    <div class=\"wrapper\">\n\t<div class=\"sbc-calendar booking-main\" data-attrs=\"{&quot;visibility&quot;:&quot;public&quot;}\">\n\n        <div class=\"sbc-tabs\" role=\"tablist\">\n                            <button\n                class=\"sbc-tab is-active\"\n                data-target=\"sbc-col-9\"\n                role=\"tab\"\n                type=\"button\"\n            >\n                                <span>Wissam<\/span>\n            <\/button>\n                        <\/div>\n\n        <div class=\"sbc-grid\">\n                            <div\n                class=\"sbc-col is-active\"\n                id=\"sbc-col-9\"\n                data-page-size=\"7\"\n                data-total-days=\"28\"\n            >\n                                <div class=\"sbc-att-header\">\n                    <div class=\"sbc-att-info\">\n                                                    <div class=\"sbc-att-avatar sbc-att-avatar--placeholder\">\n                                W                            <\/div>\n                                                <span class=\"sbc-att-name\">Wissam<\/span>\n                    <\/div>\n                                        <div class=\"sbc-att-nav\">\n                        <button class=\"sbc-nav-btn sbc-nav-btn--prev\" type=\"button\"\n                                aria-label=\"Previous\"\n                                style=\"display:none\">\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M12.5 15L7.5 10L12.5 5\" stroke=\"#234C66\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <\/svg>\n                        <\/button>\n                        <button class=\"sbc-nav-btn sbc-nav-btn--next\" type=\"button\"\n                                aria-label=\"Next\"\n                                >\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M7.5 15L12.5 10L7.5 5\" stroke=\"#234C66\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/div>\n\n                                <div class=\"sbc-days\">\n                                                                                        <div class=\"sbc-day\"\n                             data-day-index=\"0\"\n                        >\n                            <div class=\"sbc-day-header\">\n                                <div class=\"sbc-day-name-row\">\n                                    <span class=\"sbc-day-name\">\n                                        Tuesday                                    <\/span>\n                                    <span class=\"sbc-count sbc-count--zero\">\n                                        0                                    <\/span>\n                                <\/div>\n                                <span class=\"sbc-day-date\">\n                                    November 03, 2026                                <\/span>\n                            <\/div>\n\n                                                            <div class=\"sbc-no-bookings\">No bookings<\/div>\n                                                    <\/div>\n                                                                                        <div class=\"sbc-day\"\n                             data-day-index=\"1\"\n                        >\n                            <div class=\"sbc-day-header\">\n                                <div class=\"sbc-day-name-row\">\n                                    <span class=\"sbc-day-name\">\n                                        Wednesday                                    <\/span>\n                                    <span class=\"sbc-count sbc-count--zero\">\n                                        0                                    <\/span>\n                                <\/div>\n                                <span class=\"sbc-day-date\">\n                                    November 04, 2026                                <\/span>\n                            <\/div>\n\n                                                            <div class=\"sbc-no-bookings\">No bookings<\/div>\n                                                    <\/div>\n                                                                                        <div class=\"sbc-day\"\n                             data-day-index=\"2\"\n                        >\n                            <div class=\"sbc-day-header\">\n                                <div class=\"sbc-day-name-row\">\n                                    <span class=\"sbc-day-name\">\n                                        Thursday                                    <\/span>\n                                    <span class=\"sbc-count sbc-count--zero\">\n                                        0                                    <\/span>\n                                <\/div>\n                                <span class=\"sbc-day-date\">\n                                    November 05, 2026                                <\/span>\n                            <\/div>\n\n                                                            <div class=\"sbc-no-bookings\">No bookings<\/div>\n                                                    <\/div>\n                                                                                        <div class=\"sbc-day\"\n                             data-day-index=\"3\"\n                        >\n                            <div class=\"sbc-day-header\">\n                                <div class=\"sbc-day-name-row\">\n                                    <span class=\"sbc-day-name\">\n                                        Friday                                    <\/span>\n                                    <span class=\"sbc-count sbc-count--zero\">\n                                        0                                    <\/span>\n                                <\/div>\n                                <span class=\"sbc-day-date\">\n                                    November 06, 2026                                <\/span>\n                            <\/div>\n\n                                                            <div class=\"sbc-no-bookings\">No bookings<\/div>\n                                                    <\/div>\n                                                                                        <div class=\"sbc-day\"\n                             data-day-index=\"4\"\n                        >\n                            <div class=\"sbc-day-header\">\n                                <div class=\"sbc-day-name-row\">\n                                    <span class=\"sbc-day-name\">\n                                        Saturday                                    <\/span>\n                                    <span class=\"sbc-count sbc-count--zero\">\n                                        0                                    <\/span>\n                                <\/div>\n                                <span class=\"sbc-day-date\">\n                                    November 07, 2026                                <\/span>\n                            <\/div>\n\n                                                            <div class=\"sbc-no-bookings\">No bookings<\/div>\n                                                    <\/div>\n                                                                                        <div class=\"sbc-day\"\n                             data-day-index=\"5\"\n                        >\n                            <div class=\"sbc-day-header\">\n                                <div class=\"sbc-day-name-row\">\n                                    <span class=\"sbc-day-name\">\n                                        Sunday                                    <\/span>\n                                    <span class=\"sbc-count sbc-count--zero\">\n                                        0                                    <\/span>\n                                <\/div>\n                                <span class=\"sbc-day-date\">\n                                    November 08, 2026                                <\/span>\n                            <\/div>\n\n                                                            <div class=\"sbc-no-bookings\">No bookings<\/div>\n                                                    <\/div>\n                                                                                        <div class=\"sbc-day\"\n                             data-day-index=\"6\"\n                        >\n                            <div class=\"sbc-day-header\">\n                                <div class=\"sbc-day-name-row\">\n                                    <span class=\"sbc-day-name\">\n                                        Monday                                    <\/span>\n                                    <span class=\"sbc-count sbc-count--zero\">\n                                        0                                    <\/span>\n                                <\/div>\n                                <span class=\"sbc-day-date\">\n                                    November 09, 2026                                <\/span>\n                            <\/div>\n\n                                                            <div class=\"sbc-no-bookings\">No bookings<\/div>\n                                                    <\/div>\n                                                                                        <div class=\"sbc-day sbc-day--hidden\"\n                             data-day-index=\"7\"\n                        >\n                            <div class=\"sbc-day-header\">\n                                <div class=\"sbc-day-name-row\">\n                                    <span class=\"sbc-day-name\">\n                                        Tuesday                                    <\/span>\n                                    <span class=\"sbc-count sbc-count--zero\">\n                                        0                                    <\/span>\n                                <\/div>\n                                <span class=\"sbc-day-date\">\n                                    November 10, 2026                                <\/span>\n                            <\/div>\n\n                                                            <div class=\"sbc-no-bookings\">No bookings<\/div>\n                                                    <\/div>\n                                                                                        <div class=\"sbc-day sbc-day--hidden\"\n                             data-day-index=\"8\"\n                        >\n                            <div class=\"sbc-day-header\">\n                                <div class=\"sbc-day-name-row\">\n                                    <span class=\"sbc-day-name\">\n                                        Wednesday                                    <\/span>\n                                    <span class=\"sbc-count sbc-count--zero\">\n                                        0                                    <\/span>\n                                <\/div>\n                                <span class=\"sbc-day-date\">\n                                    November 11, 2026                                <\/span>\n                            <\/div>\n\n                                                            <div class=\"sbc-no-bookings\">No bookings<\/div>\n                                                    <\/div>\n                                                                                        <div class=\"sbc-day sbc-day--hidden\"\n                             data-day-index=\"9\"\n                        >\n                            <div class=\"sbc-day-header\">\n                                <div class=\"sbc-day-name-row\">\n                                    <span class=\"sbc-day-name\">\n                                        Thursday                                    <\/span>\n                                    <span class=\"sbc-count sbc-count--zero\">\n                                        0                                    <\/span>\n                                <\/div>\n                                <span class=\"sbc-day-date\">\n                                    November 12, 2026                                <\/span>\n                            <\/div>\n\n                                                            <div class=\"sbc-no-bookings\">No bookings<\/div>\n                                                    <\/div>\n                                                                                        <div class=\"sbc-day sbc-day--hidden\"\n                             data-day-index=\"10\"\n                        >\n                            <div class=\"sbc-day-header\">\n                                <div class=\"sbc-day-name-row\">\n                                    <span class=\"sbc-day-name\">\n                                        Friday                                    <\/span>\n                                    <span class=\"sbc-count sbc-count--zero\">\n                                        0                                    <\/span>\n                                <\/div>\n                                <span class=\"sbc-day-date\">\n                                    November 13, 2026                                <\/span>\n                            <\/div>\n\n                                                            <div class=\"sbc-no-bookings\">No bookings<\/div>\n                                                    <\/div>\n                                                                                        <div class=\"sbc-day sbc-day--hidden\"\n                             data-day-index=\"11\"\n                        >\n                            <div class=\"sbc-day-header\">\n                                <div class=\"sbc-day-name-row\">\n                                    <span class=\"sbc-day-name\">\n                                        Saturday                                    <\/span>\n                                    <span class=\"sbc-count sbc-count--zero\">\n                                        0                                    <\/span>\n                                <\/div>\n                                <span class=\"sbc-day-date\">\n                                    November 14, 2026                                <\/span>\n                            <\/div>\n\n                                                            <div class=\"sbc-no-bookings\">No bookings<\/div>\n                                                    <\/div>\n                                                                                        <div class=\"sbc-day sbc-day--hidden\"\n                             data-day-index=\"12\"\n                        >\n                            <div class=\"sbc-day-header\">\n                                <div class=\"sbc-day-name-row\">\n                                    <span class=\"sbc-day-name\">\n                                        Sunday                                    <\/span>\n                                    <span class=\"sbc-count sbc-count--zero\">\n                                        0                                    <\/span>\n                                <\/div>\n                                <span class=\"sbc-day-date\">\n                                    November 15, 2026                                <\/span>\n                            <\/div>\n\n                                                            <div class=\"sbc-no-bookings\">No bookings<\/div>\n                                                    <\/div>\n                                                                                        <div class=\"sbc-day sbc-day--hidden\"\n                             data-day-index=\"13\"\n                        >\n                            <div class=\"sbc-day-header\">\n                                <div class=\"sbc-day-name-row\">\n                                    <span class=\"sbc-day-name\">\n                                        Monday                                    <\/span>\n                                    <span class=\"sbc-count sbc-count--zero\">\n                                        0                                    <\/span>\n                                <\/div>\n                                <span class=\"sbc-day-date\">\n                                    November 16, 2026                                <\/span>\n                            <\/div>\n\n                                                            <div class=\"sbc-no-bookings\">No bookings<\/div>\n                                                    <\/div>\n                                                                                        <div class=\"sbc-day sbc-day--hidden\"\n                             data-day-index=\"14\"\n                        >\n                            <div class=\"sbc-day-header\">\n                                <div class=\"sbc-day-name-row\">\n                                    <span class=\"sbc-day-name\">\n                                        Tuesday                                    <\/span>\n                                    <span class=\"sbc-count sbc-count--zero\">\n                                        0                                    <\/span>\n                                <\/div>\n                                <span class=\"sbc-day-date\">\n                                    November 17, 2026                                <\/span>\n                            <\/div>\n\n                                                            <div class=\"sbc-no-bookings\">No bookings<\/div>\n                                                    <\/div>\n                                                                                        <div class=\"sbc-day sbc-day--hidden\"\n                             data-day-index=\"15\"\n                        >\n                            <div class=\"sbc-day-header\">\n                                <div class=\"sbc-day-name-row\">\n                                    <span class=\"sbc-day-name\">\n                                        Wednesday                                    <\/span>\n                                    <span class=\"sbc-count sbc-count--zero\">\n                                        0                                    <\/span>\n                                <\/div>\n                                <span class=\"sbc-day-date\">\n                                    November 18, 2026                                <\/span>\n                            <\/div>\n\n                                                            <div class=\"sbc-no-bookings\">No bookings<\/div>\n                                                    <\/div>\n                                                                                        <div class=\"sbc-day sbc-day--hidden\"\n                             data-day-index=\"16\"\n                        >\n                            <div class=\"sbc-day-header\">\n                                <div class=\"sbc-day-name-row\">\n                                    <span class=\"sbc-day-name\">\n                                        Thursday                                    <\/span>\n                                    <span class=\"sbc-count sbc-count--zero\">\n                                        0                                    <\/span>\n                                <\/div>\n                                <span class=\"sbc-day-date\">\n                                    November 19, 2026                                <\/span>\n                            <\/div>\n\n                                                            <div class=\"sbc-no-bookings\">No bookings<\/div>\n                                                    <\/div>\n                                                                                        <div class=\"sbc-day sbc-day--hidden\"\n                             data-day-index=\"17\"\n                        >\n                            <div class=\"sbc-day-header\">\n                                <div class=\"sbc-day-name-row\">\n                                    <span class=\"sbc-day-name\">\n                                        Friday                                    <\/span>\n                                    <span class=\"sbc-count sbc-count--zero\">\n                                        0                                    <\/span>\n                                <\/div>\n                                <span class=\"sbc-day-date\">\n                                    November 20, 2026                                <\/span>\n                            <\/div>\n\n                                                            <div class=\"sbc-no-bookings\">No bookings<\/div>\n                                                    <\/div>\n                                                                                        <div class=\"sbc-day sbc-day--hidden\"\n                             data-day-index=\"18\"\n                        >\n                            <div class=\"sbc-day-header\">\n                                <div class=\"sbc-day-name-row\">\n                                    <span class=\"sbc-day-name\">\n                                        Saturday                                    <\/span>\n                                    <span class=\"sbc-count sbc-count--zero\">\n                                        0                                    <\/span>\n                                <\/div>\n                                <span class=\"sbc-day-date\">\n                                    November 21, 2026                                <\/span>\n                            <\/div>\n\n                                                            <div class=\"sbc-no-bookings\">No bookings<\/div>\n                                                    <\/div>\n                                                                                        <div class=\"sbc-day sbc-day--hidden\"\n                             data-day-index=\"19\"\n                        >\n                            <div class=\"sbc-day-header\">\n                                <div class=\"sbc-day-name-row\">\n                                    <span class=\"sbc-day-name\">\n                                        Sunday                                    <\/span>\n                                    <span class=\"sbc-count sbc-count--zero\">\n                                        0                                    <\/span>\n                                <\/div>\n                                <span class=\"sbc-day-date\">\n                                    November 22, 2026                                <\/span>\n                            <\/div>\n\n                                                            <div class=\"sbc-no-bookings\">No bookings<\/div>\n                                                    <\/div>\n                                                                                        <div class=\"sbc-day sbc-day--hidden\"\n                             data-day-index=\"20\"\n                        >\n                            <div class=\"sbc-day-header\">\n                                <div class=\"sbc-day-name-row\">\n                                    <span class=\"sbc-day-name\">\n                                        Monday                                    <\/span>\n                                    <span class=\"sbc-count sbc-count--zero\">\n                                        0                                    <\/span>\n                                <\/div>\n                                <span class=\"sbc-day-date\">\n                                    November 23, 2026                                <\/span>\n                            <\/div>\n\n                                                            <div class=\"sbc-no-bookings\">No bookings<\/div>\n                                                    <\/div>\n                                                                                        <div class=\"sbc-day sbc-day--hidden\"\n                             data-day-index=\"21\"\n                        >\n                            <div class=\"sbc-day-header\">\n                                <div class=\"sbc-day-name-row\">\n                                    <span class=\"sbc-day-name\">\n                                        Tuesday                                    <\/span>\n                                    <span class=\"sbc-count sbc-count--zero\">\n                                        0                                    <\/span>\n                                <\/div>\n                                <span class=\"sbc-day-date\">\n                                    November 24, 2026                                <\/span>\n                            <\/div>\n\n                                                            <div class=\"sbc-no-bookings\">No bookings<\/div>\n                                                    <\/div>\n                                                                                        <div class=\"sbc-day sbc-day--hidden\"\n                             data-day-index=\"22\"\n                        >\n                            <div class=\"sbc-day-header\">\n                                <div class=\"sbc-day-name-row\">\n                                    <span class=\"sbc-day-name\">\n                                        Wednesday                                    <\/span>\n                                    <span class=\"sbc-count sbc-count--zero\">\n                                        0                                    <\/span>\n                                <\/div>\n                                <span class=\"sbc-day-date\">\n                                    November 25, 2026                                <\/span>\n                            <\/div>\n\n                                                            <div class=\"sbc-no-bookings\">No bookings<\/div>\n                                                    <\/div>\n                                                                                        <div class=\"sbc-day sbc-day--hidden\"\n                             data-day-index=\"23\"\n                        >\n                            <div class=\"sbc-day-header\">\n                                <div class=\"sbc-day-name-row\">\n                                    <span class=\"sbc-day-name\">\n                                        Thursday                                    <\/span>\n                                    <span class=\"sbc-count sbc-count--zero\">\n                                        0                                    <\/span>\n                                <\/div>\n                                <span class=\"sbc-day-date\">\n                                    November 26, 2026                                <\/span>\n                            <\/div>\n\n                                                            <div class=\"sbc-no-bookings\">No bookings<\/div>\n                                                    <\/div>\n                                                                                        <div class=\"sbc-day sbc-day--hidden\"\n                             data-day-index=\"24\"\n                        >\n                            <div class=\"sbc-day-header\">\n                                <div class=\"sbc-day-name-row\">\n                                    <span class=\"sbc-day-name\">\n                                        Friday                                    <\/span>\n                                    <span class=\"sbc-count sbc-count--zero\">\n                                        0                                    <\/span>\n                                <\/div>\n                                <span class=\"sbc-day-date\">\n                                    November 27, 2026                                <\/span>\n                            <\/div>\n\n                                                            <div class=\"sbc-no-bookings\">No bookings<\/div>\n                                                    <\/div>\n                                                                                        <div class=\"sbc-day sbc-day--hidden\"\n                             data-day-index=\"25\"\n                        >\n                            <div class=\"sbc-day-header\">\n                                <div class=\"sbc-day-name-row\">\n                                    <span class=\"sbc-day-name\">\n                                        Saturday                                    <\/span>\n                                    <span class=\"sbc-count sbc-count--zero\">\n                                        0                                    <\/span>\n                                <\/div>\n                                <span class=\"sbc-day-date\">\n                                    November 28, 2026                                <\/span>\n                            <\/div>\n\n                                                            <div class=\"sbc-no-bookings\">No bookings<\/div>\n                                                    <\/div>\n                                                                                        <div class=\"sbc-day sbc-day--hidden\"\n                             data-day-index=\"26\"\n                        >\n                            <div class=\"sbc-day-header\">\n                                <div class=\"sbc-day-name-row\">\n                                    <span class=\"sbc-day-name\">\n                                        Sunday                                    <\/span>\n                                    <span class=\"sbc-count sbc-count--zero\">\n                                        0                                    <\/span>\n                                <\/div>\n                                <span class=\"sbc-day-date\">\n                                    November 29, 2026                                <\/span>\n                            <\/div>\n\n                                                            <div class=\"sbc-no-bookings\">No bookings<\/div>\n                                                    <\/div>\n                                                                                        <div class=\"sbc-day sbc-day--hidden\"\n                             data-day-index=\"27\"\n                        >\n                            <div class=\"sbc-day-header\">\n                                <div class=\"sbc-day-name-row\">\n                                    <span class=\"sbc-day-name\">\n                                        Monday                                    <\/span>\n                                    <span class=\"sbc-count sbc-count--zero\">\n                                        0                                    <\/span>\n                                <\/div>\n                                <span class=\"sbc-day-date\">\n                                    November 30, 2026                                <\/span>\n                            <\/div>\n\n                                                            <div class=\"sbc-no-bookings\">No bookings<\/div>\n                                                    <\/div>\n                                                        <\/div>\n\n            <\/div>\n                        <\/div>\n\n<\/div>\n    <\/div>\n<\/div>\n<script>\n(function () {\n    var ROOT_ID  = 'sln-salon-booking-calendar-shortcode';\n    var activeId = null;   \/\/ null = no filter (show all on desktop)\n    var pageState = {};    \/\/ colId \u2192 currentPage (0-based)\n\n    function isDesktop() {\n        return window.innerWidth >= 768;\n    }\n\n    \/* \u2500\u2500 Tab filter \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n    function applyActive(root, targetId) {\n        root.querySelectorAll('.sbc-tab').forEach(function (t) {\n            t.classList.toggle('is-active', t.getAttribute('data-target') === targetId);\n        });\n        root.querySelectorAll('.sbc-col').forEach(function (col) {\n            col.classList.toggle('is-active', col.id === targetId);\n        });\n        var grid = root.querySelector('.sbc-grid');\n        if (grid) {\n            grid.classList.toggle('is-filtered', !!targetId);\n        }\n    }\n\n    \/* \u2500\u2500 Pagination \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n    function applyPage(col, page) {\n        var pageSize  = parseInt(col.getAttribute('data-page-size'), 10) || 7;\n        var totalDays = parseInt(col.getAttribute('data-total-days'), 10) || pageSize;\n        var totalPages = Math.ceil(totalDays \/ pageSize);\n        var start = page * pageSize;\n        var end   = start + pageSize;\n\n        col.querySelectorAll('.sbc-day').forEach(function (day) {\n            var idx = parseInt(day.getAttribute('data-day-index'), 10);\n            day.classList.toggle('sbc-day--hidden', idx < start || idx >= end);\n        });\n\n        var prevBtn = col.querySelector('.sbc-nav-btn--prev');\n        var nextBtn = col.querySelector('.sbc-nav-btn--next');\n        if (prevBtn) prevBtn.style.display = page === 0              ? 'none' : '';\n        if (nextBtn) nextBtn.style.display = page >= totalPages - 1  ? 'none' : '';\n    }\n\n    function initAllPages(root) {\n        root.querySelectorAll('.sbc-col').forEach(function (col) {\n            var page = pageState[col.id] || 0;\n            applyPage(col, page);\n        });\n    }\n\n    \/* \u2500\u2500 Event delegation \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n    document.addEventListener('click', function (e) {\n        var root = document.getElementById(ROOT_ID);\n        if (!root) return;\n\n        \/* Tab clicks *\/\n        var tab = e.target.closest('#' + ROOT_ID + ' .sbc-tab');\n        if (tab) {\n            var targetId = tab.getAttribute('data-target');\n            if (isDesktop() && activeId === targetId) {\n                activeId = null;\n            } else {\n                activeId = targetId;\n            }\n            applyActive(root, activeId);\n            return;\n        }\n\n        \/* Nav button clicks *\/\n        var btn = e.target.closest('#' + ROOT_ID + ' .sbc-nav-btn');\n        if (btn) {\n            var col       = btn.closest('.sbc-col');\n            var pageSize  = parseInt(col.getAttribute('data-page-size'), 10) || 7;\n            var totalDays = parseInt(col.getAttribute('data-total-days'), 10) || pageSize;\n            var totalPages = Math.ceil(totalDays \/ pageSize);\n            var current   = pageState[col.id] || 0;\n\n            if (btn.classList.contains('sbc-nav-btn--prev')) {\n                current = Math.max(0, current - 1);\n            } else if (btn.classList.contains('sbc-nav-btn--next')) {\n                current = Math.min(totalPages - 1, current + 1);\n            }\n\n            pageState[col.id] = current;\n            applyPage(col, current);\n        }\n    });\n\n    \/* \u2500\u2500 Restore state after AJAX content refresh \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n    var wrapper = document.querySelector('#' + ROOT_ID + ' > .wrapper');\n    if (wrapper && window.MutationObserver) {\n        new MutationObserver(function () {\n            var root = document.getElementById(ROOT_ID);\n            if (!root) return;\n            applyActive(root, activeId);\n            initAllPages(root);\n        }).observe(wrapper, { childList: true });\n    }\n}());\n<\/script>\n\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-362","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webwerkplaats-demo.nl\/barber\/wp-json\/wp\/v2\/pages\/362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webwerkplaats-demo.nl\/barber\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webwerkplaats-demo.nl\/barber\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webwerkplaats-demo.nl\/barber\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webwerkplaats-demo.nl\/barber\/wp-json\/wp\/v2\/comments?post=362"}],"version-history":[{"count":2,"href":"https:\/\/webwerkplaats-demo.nl\/barber\/wp-json\/wp\/v2\/pages\/362\/revisions"}],"predecessor-version":[{"id":364,"href":"https:\/\/webwerkplaats-demo.nl\/barber\/wp-json\/wp\/v2\/pages\/362\/revisions\/364"}],"wp:attachment":[{"href":"https:\/\/webwerkplaats-demo.nl\/barber\/wp-json\/wp\/v2\/media?parent=362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}