{"id":78,"date":"2025-10-13T14:25:44","date_gmt":"2025-10-13T14:25:44","guid":{"rendered":"https:\/\/www.buurthuis-bloemwijk.nl\/?page_id=78"},"modified":"2025-10-13T18:23:43","modified_gmt":"2025-10-13T18:23:43","slug":"de-eetkamer","status":"publish","type":"page","link":"https:\/\/www.buurthuis-bloemwijk.nl\/index.php\/de-eetkamer\/","title":{"rendered":"De Eetkamer"},"content":{"rendered":"        <div class=\"bb-ek\" id=\"bb-reserveren\" style=\"max-width:720px;background:#fff7dd;border:2px solid #000;border-radius:12px;padding:16px\">\n          <h2 style=\"margin:0 0 12px\">Reserveren<\/h2>\n\n          \n          \n          <form method=\"post\" class=\"bb-ek-form\">\n            <input type=\"hidden\" id=\"bb_ek_nonce\" name=\"bb_ek_nonce\" value=\"7549e97eea\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/78\" \/>            <input type=\"hidden\" name=\"bb_ek_do\" value=\"1\">\n\n            <!-- Type keuze -->\n            <div class=\"row-full keuze-blok\">\n              <label class=\"choice\" style=\"display:inline-flex;align-items:center;gap:.5rem;margin-right:1rem\">\n                <input type=\"checkbox\" id=\"type_eet\" value=\"eetkamer\">\n                <span>Wilt u eten in de eetkamer<\/span>\n              <\/label>\n              <label class=\"choice\" style=\"display:inline-flex;align-items:center;gap:.5rem\">\n                <input type=\"checkbox\" id=\"type_afh\" value=\"afhalen\">\n                <span>Of wilt u afhalen<\/span>\n              <\/label>\n              <input type=\"hidden\" name=\"service_type\" id=\"service_type\" value=\"eetkamer\">\n            <\/div>\n\n            <!-- === Rij 1: Datum, Tijd, Aantal personen === -->\n            <div class=\"bb-ek-row\" style=\"display:flex;flex-wrap:wrap;gap:12px\">\n              <div class=\"bb-ek-field bb-flex-2\" style=\"flex:1 1 180px\">\n                <label>Datum<\/label>\n                <input required type=\"date\" name=\"res_date\" value=\"2026-05-05\">\n                <small style=\"display:block;margin-top:4px;opacity:.8\">\n                  We reserveren alleen op dinsdag en donderdag.\n                  Reserveren kan tot 18:00 uur de dag ervoor (geldt voor alle reserveringen).\n                <\/small>\n              <\/div>\n\n              <div class=\"bb-ek-field bb-flex-2\" style=\"flex:1 1 160px\">\n                <label>Tijd (18:00\u201321:00)<\/label>\n                <input required type=\"time\" name=\"res_time\"\n                      value=\"18:00\"\n                      min=\"18:00\"\n                      max=\"21:00\"\n                      step=\"900\">\n              <\/div>\n\n              <div class=\"bb-ek-field\" style=\"flex:0 0 auto;\">\n                <label>Aantal personen<\/label>\n                <div class=\"bb-ek-personen\">\n                  <button type=\"button\" class=\"pp-btn minus\" aria-label=\"Minder personen\" title=\"Minder\">\u2212<\/button>\n                  <input id=\"bb-ek-personen\"\n                        class=\"bb-small-2\"\n                        type=\"number\"\n                        min=\"1\"\n                        max=\"99\"\n                        name=\"personen\"\n                        value=\"1\"\n                        step=\"1\"\n                        inputmode=\"numeric\"\n                        oninput=\"this.value=this.value.replace(\/[^0-9]\/g,'').slice(0,2)\">\n                  <button type=\"button\" class=\"pp-btn plus\" aria-label=\"Meer personen\" title=\"Meer\">+<\/button>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- === Rij 2: Naam, Adres === -->\n            <div class=\"bb-ek-row\" style=\"display:flex;flex-wrap:wrap;gap:12px\">\n              <div class=\"bb-ek-field bb-flex-2\" style=\"flex:1 1 220px\">\n                <label>Naam<\/label>\n                <input required type=\"text\" name=\"naam\" value=\"\">\n              <\/div>\n\n              <div class=\"bb-ek-field bb-flex-3\" style=\"flex:2 1 260px\">\n                <label>Adres<\/label>\n                <input type=\"text\" name=\"adres\" value=\"\">\n              <\/div>\n            <\/div>\n\n            <!-- === Rij 3: Postcode, Woonplaats === -->\n            <div class=\"bb-ek-row\" style=\"display:flex;flex-wrap:wrap;gap:12px\">\n              <div class=\"bb-ek-field\" style=\"flex:0 0 120px\">\n                <label>Postcode<\/label>\n                <input class=\"bb-small-postcode\" type=\"text\" name=\"postcode\" maxlength=\"7\"\n                      value=\"\">\n              <\/div>\n\n              <div class=\"bb-ek-field bb-flex-3\" style=\"flex:2 1 260px\">\n                <label>Woonplaats<\/label>\n                <input type=\"text\" name=\"woonplaats\" value=\"\">\n              <\/div>\n            <\/div>\n\n            <!-- === Rij 4: E-mail, Telefoonnummer === -->\n            <div class=\"bb-ek-row\" style=\"display:flex;flex-wrap:wrap;gap:12px\">\n              <div class=\"bb-ek-field bb-flex-2\" style=\"flex:1 1 240px\">\n                <label>E-mail adres<\/label>\n                <input required type=\"email\" name=\"email\" value=\"\">\n              <\/div>\n\n              <div class=\"bb-ek-field\" style=\"flex:0 0 180px\">\n                <label>Telefoonnummer<\/label>\n                <input class=\"bb-small-phone\" type=\"text\" name=\"telefoon\" maxlength=\"16\"\n                      value=\"\">\n              <\/div>\n            <\/div>\n\n            <!-- Knop -->\n            <div class=\"row-full\" style=\"margin-top:12px\">\n              <button type=\"submit\" style=\"padding:10px 14px;border-radius:10px;background:#D1CE1D;color:#000;border:1px solid #000;cursor:pointer\">\n                Verstuur reserveringsverzoek\n              <\/button>\n            <\/div>\n          <\/form>\n\n          <!-- Alleen voor deze pagina: styling van plus\/min op mobiel -->\n          <style>\n          \n          <\/style>\n\n<script>\n(function(){\n  const root    = document.getElementById('bb-reserveren');\n  if (!root) return;\n\n  const chkEet  = document.getElementById('type_eet');\n  const chkAfh  = document.getElementById('type_afh');\n  const hidden  = document.getElementById('service_type');\n  const time    = root.querySelector('input[name=\"res_time\"]');\n  const dateInp = root.querySelector('input[name=\"res_date\"]');\n\n  if(!chkEet || !chkAfh || !hidden || !time || !dateInp) return;\n\n  const minEet = \"18:00\";  \/\/ '18:00'\n  const minAfh = \"17:30\";   \/\/ '17:30'\n  const maxAll = \"21:00\";\n\n  const allowedDays = [2,4]; \/\/ 0=zo \u2026 6=za\n  const beschikZin  = \"dinsdag en donderdag\";\n\n  \/\/ \u2014 helpers \u2014\n  function setReadonly(on){\n    if (on){\n      time.setAttribute('readonly','readonly');\n      time.classList.add('locked-time');\n    } else {\n      time.removeAttribute('readonly');\n      time.classList.remove('locked-time');\n    }\n  }\n\n  function forceValue(v){\n    time.value = v;\n    time.min   = (hidden.value === 'afhalen') ? minAfh : minEet;\n    time.max   = maxAll;\n  }\n\n  function setType(type){\n    hidden.value = type;\n    if (type === 'eetkamer'){\n      time.min = minEet;\n      time.max = maxAll;\n      \/\/ eetkamer: tijd staat standaard op min en read-only\n      forceValue(minEet);\n      setReadonly(true);\n    } else {\n      time.min = minAfh;\n      time.max = maxAll;\n      \/\/ afhalen: begin op min, maar gebruiker mag tijd wijzigen\n      if (!time.value) forceValue(minAfh);\n      setReadonly(false);\n    }\n  }\n\n  function isAllowedDate(ymd){\n    const d = new Date(ymd + 'T00:00:00');\n    if (isNaN(d)) return false;\n    return allowedDays.includes(d.getDay());\n  }\n\n  \/\/ Check of een datum 'YYYY-MM-DD' voorbij de dag-ervoor-18:00-cutoff is\n  function passesCutoff(ymd){\n    const d = new Date(ymd + 'T00:00:00'); \/\/ lokale tijd\n    if (isNaN(d)) return false;\n    const dow = d.getDay(); \/\/ 0=zo ... 6=za\n    if (!allowedDays.includes(dow)) return false;\n    \/\/ Deadline = vorige dag 18:00 lokale tijd\n    const dl = new Date(d.getTime() - 24*60*60*1000);\n    dl.setHours(18,0,0,0);\n    const now = new Date();\n    return now <= dl;\n  }\n\n  function enforceAllowed(){\n    if (!dateInp.value) return;\n    const val = dateInp.value;\n\n    \/\/ 1) dagfilter\n    const d = new Date(val + 'T00:00:00');\n    const okDay = !isNaN(d) && allowedDays.includes(d.getDay());\n\n    \/\/ 2) cutoff (voor alle toegestane dagen)\n    const okCutoff = passesCutoff(val);\n\n    if (!okDay){\n      dateInp.setCustomValidity('We reserveren alleen op ' + beschikZin + '.');\n      dateInp.reportValidity();\n      dateInp.value = '';\n      return;\n    }\n    if (!okCutoff){\n      dateInp.setCustomValidity('Voor deze datum kunt u niet meer reserveren: reserveren kan t\/m 18:00 uur de dag ervoor.');\n      dateInp.reportValidity();\n      dateInp.value = '';\n      return;\n    }\n    dateInp.setCustomValidity('');\n  }\n\n  \/\/ \u2014 init \u2014\n  if ((hidden.value || '') === 'afhalen'){\n    chkAfh.checked = true;\n    chkEet.checked = false;\n    setType('afhalen');\n  } else {\n    chkEet.checked = true;\n    chkAfh.checked = false;\n    setType('eetkamer');\n  }\n  enforceAllowed();\n\n  \/\/ \u2014 exclusief togglen \u2014\n  chkEet.addEventListener('change', ()=>{\n    if (chkEet.checked){\n      chkAfh.checked = false;\n      setType('eetkamer');\n    } else {\n      chkEet.checked = true;\n    }\n  });\n  chkAfh.addEventListener('change', ()=>{\n    if (chkAfh.checked){\n      chkEet.checked = false;\n      setType('afhalen');\n    } else {\n      chkAfh.checked = true;\n    }\n  });\n\n  dateInp.addEventListener('change', enforceAllowed);\n\n  \/\/ \u2014 Personen +\/\u2212 op mobiel \u2014\n  const personenInp = root.querySelector('#bb-ek-personen');\n  const btnMinus    = root.querySelector('.bb-ek-personen .pp-btn.minus');\n  const btnPlus     = root.querySelector('.bb-ek-personen .pp-btn.plus');\n\n  function clampPersonen(n){\n    const min = parseInt(personenInp.getAttribute('min') || '1', 10);\n    const max = parseInt(personenInp.getAttribute('max') || '99', 10);\n    n = isNaN(n) ? min : n;\n    return Math.max(min, Math.min(max, n));\n  }\n  function setPersonen(n){\n    personenInp.value = String(clampPersonen(n));\n  }\n\n  if (personenInp && btnMinus && btnPlus){\n    btnMinus.addEventListener('click', ()=>{\n      setPersonen(parseInt(personenInp.value || '1', 10) - 1);\n      personenInp.dispatchEvent(new Event('input', {bubbles:true}));\n      personenInp.reportValidity?.();\n    });\n    btnPlus.addEventListener('click', ()=>{\n      setPersonen(parseInt(personenInp.value || '1', 10) + 1);\n      personenInp.dispatchEvent(new Event('input', {bubbles:true}));\n      personenInp.reportValidity?.();\n    });\n    personenInp.addEventListener('blur', ()=>{\n      setPersonen(parseInt(personenInp.value || '1', 10));\n    });\n  }\n})();\n<\/script>\n\n        <\/div>\n        \n<hr \/>\n\n\n<p><code><div class=\"bb-ek-gerechten\" data-per-page=\"4\"><nav class=\"bb-ek-pager\" aria-label=\"Gerechten paginering\"><ul><li><span class=\"bb-ek-page bb-ek-navbtn disabled\">&laquo; Vorige<\/span><\/li><li><span class=\"bb-ek-page num current\">1<\/span><\/li><li><a class=\"bb-ek-page num\" href=\"\/index.php\/wp-json\/wp\/v2\/pages\/78?gpage=2\">2<\/a><\/li><li><a class=\"bb-ek-page bb-ek-navbtn next\" href=\"\/index.php\/wp-json\/wp\/v2\/pages\/78?gpage=2\">Volgende &raquo;<\/a><\/li><\/ul><\/nav><div class=\"bb-ek-grid\"><article class=\"bb-ek-card\" itemscope itemtype=\"https:\/\/schema.org\/MenuItem\"><div class=\"bb-ek-thumb\"><img width=\"300\" height=\"150\" src=\"https:\/\/www.buurthuis-bloemwijk.nl\/wp-content\/uploads\/2026\/01\/schnitzel-300x150.jpg\" class=\"bb-ek-img\" alt=\"\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.buurthuis-bloemwijk.nl\/wp-content\/uploads\/2026\/01\/schnitzel-300x150.jpg 300w, https:\/\/www.buurthuis-bloemwijk.nl\/wp-content\/uploads\/2026\/01\/schnitzel-1024x512.jpg 1024w, https:\/\/www.buurthuis-bloemwijk.nl\/wp-content\/uploads\/2026\/01\/schnitzel-768x384.jpg 768w, https:\/\/www.buurthuis-bloemwijk.nl\/wp-content\/uploads\/2026\/01\/schnitzel-1536x768.jpg 1536w, https:\/\/www.buurthuis-bloemwijk.nl\/wp-content\/uploads\/2026\/01\/schnitzel-2048x1024.jpg 2048w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><span class=\"bb-ek-price\" itemprop=\"offers\" itemscope itemtype=\"https:\/\/schema.org\/Offer\"><meta itemprop=\"priceCurrency\" content=\"EUR\" \/><span itemprop=\"price\">&euro; 8,50<\/span><\/span><\/div><div class=\"bb-ek-body\"><h3 class=\"bb-ek-title\" itemprop=\"name\">xxl schnitzel met sla en aardappelpartjes en vlaflip<\/h3><div class=\"bb-ek-meta\"><span class=\"bb-ek-when\">07-05-2026 18:00<\/span><\/div><div class=\"bb-ek-actions\"><a class=\"bb-ek-reserve-btn\" href=\"?res_date=2026-05-07#bb-reserveren\" data-res-date=\"2026-05-07\">Reserveren<\/a><\/div><\/div><\/article><article class=\"bb-ek-card\" itemscope itemtype=\"https:\/\/schema.org\/MenuItem\"><div class=\"bb-ek-thumb\"><img width=\"300\" height=\"225\" src=\"https:\/\/www.buurthuis-bloemwijk.nl\/wp-content\/uploads\/2026\/04\/warmvlees-300x225.webp\" class=\"bb-ek-img\" alt=\"\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.buurthuis-bloemwijk.nl\/wp-content\/uploads\/2026\/04\/warmvlees-300x225.webp 300w, https:\/\/www.buurthuis-bloemwijk.nl\/wp-content\/uploads\/2026\/04\/warmvlees-768x576.webp 768w, https:\/\/www.buurthuis-bloemwijk.nl\/wp-content\/uploads\/2026\/04\/warmvlees.webp 960w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><span class=\"bb-ek-price\" itemprop=\"offers\" itemscope itemtype=\"https:\/\/schema.org\/Offer\"><meta itemprop=\"priceCurrency\" content=\"EUR\" \/><span itemprop=\"price\">&euro; 8,50<\/span><\/span><\/div><div class=\"bb-ek-body\"><h3 class=\"bb-ek-title\" itemprop=\"name\">schotel warmvlees met wok groenten en aardappelschijfjes<\/h3><div class=\"bb-ek-meta\"><span class=\"bb-ek-when\">12-05-2026 18:00<\/span><\/div><div class=\"bb-ek-actions\"><a class=\"bb-ek-reserve-btn\" href=\"?res_date=2026-05-12#bb-reserveren\" data-res-date=\"2026-05-12\">Reserveren<\/a><\/div><\/div><\/article><article class=\"bb-ek-card\" itemscope itemtype=\"https:\/\/schema.org\/MenuItem\"><div class=\"bb-ek-thumb\"><img width=\"300\" height=\"225\" src=\"https:\/\/www.buurthuis-bloemwijk.nl\/wp-content\/uploads\/2026\/04\/Karbonade-300x225.jpg\" class=\"bb-ek-img\" alt=\"\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.buurthuis-bloemwijk.nl\/wp-content\/uploads\/2026\/04\/Karbonade-300x225.jpg 300w, https:\/\/www.buurthuis-bloemwijk.nl\/wp-content\/uploads\/2026\/04\/Karbonade.jpg 666w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><span class=\"bb-ek-price\" itemprop=\"offers\" itemscope itemtype=\"https:\/\/schema.org\/Offer\"><meta itemprop=\"priceCurrency\" content=\"EUR\" \/><span itemprop=\"price\">&euro; 8,50<\/span><\/span><\/div><div class=\"bb-ek-body\"><h3 class=\"bb-ek-title\" itemprop=\"name\">karbonade sperziebonen met spekjes en paprika en kriel<\/h3><div class=\"bb-ek-meta\"><span class=\"bb-ek-when\">14-05-2026 18:00<\/span><\/div><div class=\"bb-ek-actions\"><a class=\"bb-ek-reserve-btn\" href=\"?res_date=2026-05-14#bb-reserveren\" data-res-date=\"2026-05-14\">Reserveren<\/a><\/div><\/div><\/article><article class=\"bb-ek-card\" itemscope itemtype=\"https:\/\/schema.org\/MenuItem\"><div class=\"bb-ek-thumb\"><img width=\"300\" height=\"300\" src=\"https:\/\/www.buurthuis-bloemwijk.nl\/wp-content\/uploads\/2026\/04\/shoarma-300x300.png\" class=\"bb-ek-img\" alt=\"\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.buurthuis-bloemwijk.nl\/wp-content\/uploads\/2026\/04\/shoarma-300x300.png 300w, https:\/\/www.buurthuis-bloemwijk.nl\/wp-content\/uploads\/2026\/04\/shoarma-150x150.png 150w, https:\/\/www.buurthuis-bloemwijk.nl\/wp-content\/uploads\/2026\/04\/shoarma.png 500w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><span class=\"bb-ek-price\" itemprop=\"offers\" itemscope itemtype=\"https:\/\/schema.org\/Offer\"><meta itemprop=\"priceCurrency\" content=\"EUR\" \/><span itemprop=\"price\">&euro; 8,50<\/span><\/span><\/div><div class=\"bb-ek-body\"><h3 class=\"bb-ek-title\" itemprop=\"name\">shoarma plate<\/h3><div class=\"bb-ek-meta\"><span class=\"bb-ek-when\">19-05-2026 18:00<\/span><\/div><div class=\"bb-ek-actions\"><a class=\"bb-ek-reserve-btn\" href=\"?res_date=2026-05-19#bb-reserveren\" data-res-date=\"2026-05-19\">Reserveren<\/a><\/div><\/div><\/article><\/div><nav class=\"bb-ek-pager\" aria-label=\"Gerechten paginering\"><ul><li><span class=\"bb-ek-page bb-ek-navbtn disabled\">&laquo; Vorige<\/span><\/li><li><span class=\"bb-ek-page num current\">1<\/span><\/li><li><a class=\"bb-ek-page num\" href=\"\/index.php\/wp-json\/wp\/v2\/pages\/78?gpage=2\">2<\/a><\/li><li><a class=\"bb-ek-page bb-ek-navbtn next\" href=\"\/index.php\/wp-json\/wp\/v2\/pages\/78?gpage=2\">Volgende &raquo;<\/a><\/li><\/ul><\/nav>    <script>\n    (function(){\n        function prefillDate(val){\n            if(!val) return;\n            \/\/ Zoek eerst binnen #bb-reserveren (sectie of formulier), anders document-breed\n            var scope = document.querySelector('#bb-reserveren, form#bb-reserveren') || document;\n            var selectors = [\n                'input[type=\"date\"][name=\"datum\"]',\n                '#datum',\n                'input[name=\"datum\"]',\n                'input[name*=\"date\"]',\n                'input[name*=\"datum\"]'\n            ];\n            for (var i=0;i<selectors.length;i++){\n                var el = scope.querySelector(selectors[i]) || document.querySelector(selectors[i]);\n                if (el){\n                    try { el.value = val; el.dispatchEvent(new Event('change', {bubbles:true})); } catch(e){}\n                    \/\/ Scroll naar het formulier als een anker aanwezig is\n                    var anchor = document.getElementById('bb-reserveren');\n                    if (anchor) anchor.scrollIntoView({behavior:'smooth', block:'start'});\n                    break;\n                }\n            }\n        }\n\n        \/\/ Bij laden: ?res_date=YYYY-MM-DD \u2192 invullen\n        try {\n            var params = new URL(window.location.href).searchParams;\n            var qd = params.get('res_date');\n            if (qd) prefillDate(qd);\n        } catch(e){}\n\n        \/\/ Bij klik op een reserveren-knop \u2192 invullen (ook als je op dezelfde pagina blijft)\n        document.addEventListener('click', function(e){\n            var btn = e.target.closest && e.target.closest('.bb-ek-reserve-btn[data-res-date]');\n            if (!btn) return;\n            var d = btn.getAttribute('data-res-date');\n            \/\/ Kleine delay zodat mogelijk hash-anker eerst navigeert\n            setTimeout(function(){ prefillDate(d); }, 0);\n        }, false);\n    })();\n    <\/script>\n    <\/div><\/code><\/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":"","meta":{"footnotes":""},"categories":[],"class_list":["post-78","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.buurthuis-bloemwijk.nl\/index.php\/wp-json\/wp\/v2\/pages\/78","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.buurthuis-bloemwijk.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.buurthuis-bloemwijk.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.buurthuis-bloemwijk.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.buurthuis-bloemwijk.nl\/index.php\/wp-json\/wp\/v2\/comments?post=78"}],"version-history":[{"count":7,"href":"https:\/\/www.buurthuis-bloemwijk.nl\/index.php\/wp-json\/wp\/v2\/pages\/78\/revisions"}],"predecessor-version":[{"id":87,"href":"https:\/\/www.buurthuis-bloemwijk.nl\/index.php\/wp-json\/wp\/v2\/pages\/78\/revisions\/87"}],"wp:attachment":[{"href":"https:\/\/www.buurthuis-bloemwijk.nl\/index.php\/wp-json\/wp\/v2\/media?parent=78"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.buurthuis-bloemwijk.nl\/index.php\/wp-json\/wp\/v2\/categories?post=78"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}