{"id":88,"date":"2025-10-15T13:25:50","date_gmt":"2025-10-15T13:25:50","guid":{"rendered":"https:\/\/www.buurthuis-bloemwijk.nl\/?page_id=88"},"modified":"2025-10-15T13:59:22","modified_gmt":"2025-10-15T13:59:22","slug":"snacks-bestellen","status":"publish","type":"page","link":"https:\/\/www.buurthuis-bloemwijk.nl\/index.php\/snacks-bestellen\/","title":{"rendered":"Snacks bestellen"},"content":{"rendered":"  <div class=\"bb-snack-wrap\" data-current-url=\"\/index.php\/wp-json\/wp\/v2\/pages\/88\">\n    <div class=\"bb-policy\">\n      <strong>Let op:<\/strong> Bestellen mag elke dag. Ophalen kan alleen op vrijdag, zaterdag en zondag tussen <strong>16:00 en 20:00<\/strong>.\n      Wil je nu alvast bestellen voor \u00e9\u00e9n van die dagen? Kies dan de vrijdag, zaterdag of zondag waarop je je bestelling wilt ophalen.\n    <\/div>\n\n    <form class=\"bb-date-form\" onsubmit=\"return false;\">\n      <label class=\"bb-label\" for=\"bb-date\">Kies afhaaldatum<\/label>\n      <input type=\"date\" id=\"bb-date\" value=\"2026-04-30\" min=\"2026-04-30\">\n    <\/form>\n\n    <!-- Nieuw: pas na gebruikerskeuze tonen -->\n    <div id=\"bb-date-warning\" class=\"bb-date-warning\" hidden><\/div>\n\n          <form id=\"bb-snack-form\" class=\"bb-snack-form\" data-date=\"2026-04-30\">\n        <h3 class=\"bb-cat\">Patat<\/h3><div class=\"bb-snack-row\" data-id=\"patatzonder\" data-price=\"1.8\">\n    <span class=\"bb-name\">patat zonder (\u20ac1,80) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[patatzonder]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div><div class=\"bb-snack-row\" data-id=\"patatmet\" data-price=\"2\">\n    <span class=\"bb-name\">patat met (\u20ac2,00) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[patatmet]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div><div class=\"bb-snack-row\" data-id=\"patatcurry\" data-price=\"2\">\n    <span class=\"bb-name\">patat curry (\u20ac2,00) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[patatcurry]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div><div class=\"bb-snack-row\" data-id=\"patatketchup\" data-price=\"2\">\n    <span class=\"bb-name\">patat ketchup (\u20ac2,00) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[patatketchup]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div><div class=\"bb-snack-row\" data-id=\"patatspeciaal\" data-price=\"2.5\">\n    <span class=\"bb-name\">patat speciaal (\u20ac2,50) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[patatspeciaal]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div><div class=\"bb-snack-row\" data-id=\"patatpinda\" data-price=\"2.5\">\n    <span class=\"bb-name\">patat pinda (\u20ac2,50) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[patatpinda]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div><div class=\"bb-snack-row\" data-id=\"patatoorlog\" data-price=\"2.5\">\n    <span class=\"bb-name\">patat oorlog (\u20ac2,50) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[patatoorlog]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div><div class=\"bb-snack-row\" data-id=\"gezinszak4snacks\" data-price=\"12\">\n    <span class=\"bb-name\">Gezins zak + 4 Snacks (\u20ac12,00) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[gezinszak4snacks]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div><hr class=\"bb-hr\"><h3 class=\"bb-cat\">Bekertje Saus<\/h3><div class=\"bb-snack-row\" data-id=\"bekersaus\" data-price=\"1.25\">\n    <span class=\"bb-name\">sat\u00e9 (\u20ac1,25) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[bekersaus]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div><div class=\"bb-snack-row\" data-id=\"bekerketchup\" data-price=\"1.25\">\n    <span class=\"bb-name\">ketchup (\u20ac1,25) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[bekerketchup]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div><div class=\"bb-snack-row\" data-id=\"bekermayonaise\" data-price=\"1.25\">\n    <span class=\"bb-name\">mayonaise (\u20ac1,25) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[bekermayonaise]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div><div class=\"bb-snack-row\" data-id=\"currysaus\" data-price=\"1.25\">\n    <span class=\"bb-name\">curry (\u20ac1,25) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[currysaus]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div><hr class=\"bb-hr\"><h3 class=\"bb-cat\">Snacks<\/h3><div class=\"bb-snack-row\" data-id=\"groentekroket\" data-price=\"1.8\">\n    <span class=\"bb-name\">groente kroket (\u20ac1,80) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[groentekroket]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div><div class=\"bb-snack-row\" data-id=\"lihanboutje\" data-price=\"1.8\">\n    <span class=\"bb-name\">lihanboutje (\u20ac1,80) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[lihanboutje]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div><div class=\"bb-snack-row\" data-id=\"frikandel\" data-price=\"1.8\">\n    <span class=\"bb-name\">frikandel (\u20ac1,80) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[frikandel]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div><div class=\"bb-snack-row\" data-id=\"kalfskroket\" data-price=\"1.8\">\n    <span class=\"bb-name\">kalfskroket (\u20ac1,80) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[kalfskroket]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div><div class=\"bb-snack-row\" data-id=\"frikandelspeciaal\" data-price=\"2\">\n    <span class=\"bb-name\">frikandel speciaal (\u20ac2,00) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[frikandelspeciaal]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div><div class=\"bb-snack-row\" data-id=\"kaassouffl\" data-price=\"1.8\">\n    <span class=\"bb-name\">kaassouffl\u00e9 (\u20ac1,80) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[kaassouffl]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div><div class=\"bb-snack-row\" data-id=\"berehap\" data-price=\"3.5\">\n    <span class=\"bb-name\">berehap (\u20ac3,50) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[berehap]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div><div class=\"bb-snack-row\" data-id=\"kroket\" data-price=\"1.8\">\n    <span class=\"bb-name\">kroket (\u20ac1,80) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[kroket]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div><div class=\"bb-snack-row\" data-id=\"pikanto\" data-price=\"1.8\">\n    <span class=\"bb-name\">pikanto (\u20ac1,80) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[pikanto]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div><div class=\"bb-snack-row\" data-id=\"kipcorn\" data-price=\"1.8\">\n    <span class=\"bb-name\">kipcorn (\u20ac1,80) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[kipcorn]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div><div class=\"bb-snack-row\" data-id=\"bamischijf\" data-price=\"1.8\">\n    <span class=\"bb-name\">bami schijf (\u20ac1,80) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[bamischijf]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div><div class=\"bb-snack-row\" data-id=\"nasischijf\" data-price=\"1.8\">\n    <span class=\"bb-name\">nasi schijf (\u20ac1,80) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[nasischijf]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div><div class=\"bb-snack-row\" data-id=\"belcrunch\" data-price=\"2\">\n    <span class=\"bb-name\">belcrunch (\u20ac2,00) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[belcrunch]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div><div class=\"bb-snack-row\" data-id=\"gehaktbal\" data-price=\"2\">\n    <span class=\"bb-name\">gehaktbal (\u20ac2,00) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[gehaktbal]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div><div class=\"bb-snack-row\" data-id=\"grillbikkel\" data-price=\"2\">\n    <span class=\"bb-name\">grill bikkel (\u20ac2,00) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[grillbikkel]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div><hr class=\"bb-hr\"><h3 class=\"bb-cat\">Broodjes<\/h3><div class=\"bb-snack-row\" data-id=\"broodjekroket\" data-price=\"2.5\">\n    <span class=\"bb-name\">broodje kroket (\u20ac2,50) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[broodjekroket]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div><div class=\"bb-snack-row\" data-id=\"broodjefrikandel\" data-price=\"2.5\">\n    <span class=\"bb-name\">broodje frikandel (\u20ac2,50) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[broodjefrikandel]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div><div class=\"bb-snack-row\" data-id=\"tostihamkaas\" data-price=\"2\">\n    <span class=\"bb-name\">tosti ham\/kaas (\u20ac2,00) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[tostihamkaas]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div><div class=\"bb-snack-row\" data-id=\"broodjefrikandel-2\" data-price=\"3.5\">\n    <span class=\"bb-name\">broodje frikandel speciaal (\u20ac3,50) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[broodjefrikandel-2]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div><div class=\"bb-snack-row\" data-id=\"broodjebal\" data-price=\"2.5\">\n    <span class=\"bb-name\">broodje bal (\u20ac2,50) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[broodjebal]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div><div class=\"bb-snack-row\" data-id=\"broodjehamburger\" data-price=\"3.5\">\n    <span class=\"bb-name\">broodje hamburger (\u20ac3,50) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[broodjehamburger]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div><div class=\"bb-snack-row\" data-id=\"broodjezeedijk\" data-price=\"3.5\">\n    <span class=\"bb-name\">broodje zeedijk (\u20ac3,50) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[broodjezeedijk]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div><hr class=\"bb-hr\"><h3 class=\"bb-cat\">Bitter Garnituur<\/h3><div class=\"bb-snack-row\" data-id=\"bittergarnituur8st\" data-price=\"3.5\">\n    <span class=\"bb-name\">bittergarnituur 8 st (\u20ac3,50) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[bittergarnituur8st]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div><hr class=\"bb-hr\"><h3 class=\"bb-cat\">Maaltijd<\/h3><div class=\"bb-snack-row\" data-id=\"satvdhaasmetpatat\" data-price=\"9\">\n    <span class=\"bb-name\">sat\u00e9 v.d. haas met patat (\u20ac9,00) <\/span>\n    <div class=\"bb-ctrl\">\n      <button type=\"button\" class=\"min\">\u2212<\/button>\n      <input type=\"number\" class=\"qty\" name=\"snack[satvdhaasmetpatat]\" value=\"0\" min=\"0\"  style=\"width:54px;text-align:center;\">\n      <button type=\"button\" class=\"plus\">+<\/button>\n    <\/div>\n  <\/div>\n        <hr class=\"bb-hr\">\n\n        <div class=\"bb-fields\">\n          <div class=\"bb-field\">\n            <label class=\"bb-label\">Naam<\/label>\n            <input type=\"text\" name=\"naam\" required>\n          <\/div>\n          <div class=\"bb-field\">\n            <label class=\"bb-label\">E-mail<\/label>\n            <input type=\"email\" name=\"email\" required>\n          <\/div>\n          <div class=\"bb-field\">\n            <label class=\"bb-label\">Telefoon<\/label>\n            <input type=\"text\" name=\"tel\" required>\n          <\/div>\n          <div class=\"bb-field\">\n            <label class=\"bb-label\">Afhaaltijd<\/label>\n            <select name=\"tijd\" class=\"bb-time-select\" required style=\"max-width:160px;\">\n                              <option value=\"16:00\">16:00<\/option>\n                              <option value=\"16:30\">16:30<\/option>\n                              <option value=\"17:00\">17:00<\/option>\n                              <option value=\"17:30\">17:30<\/option>\n                              <option value=\"18:00\">18:00<\/option>\n                              <option value=\"18:30\">18:30<\/option>\n                              <option value=\"19:00\">19:00<\/option>\n                              <option value=\"19:30\">19:30<\/option>\n                              <option value=\"20:00\">20:00<\/option>\n                          <\/select>\n            <small class=\"bb-small\">Alleen tussen 16:00\u201320:00 (per 30 min).<\/small>\n          <\/div>\n        <\/div>\n\n        <div class=\"bb-total-row\">\n          <div class=\"bb-total-label\">Totaal<\/div>\n          <div class=\"bb-total-amount\">\u20ac <span id=\"bb-totaal\">0.00<\/span><\/div>\n        <\/div>\n\n        <button type=\"submit\" class=\"bb-submit\">Bestelling versturen<\/button>\n        <div id=\"bb-msg\" class=\"bb-msg\"><\/div>\n      <\/form>\n      <\/div>\n\n  <style>\n    .bb-policy{background:#EAF7EA;border:2px solid #73C673;border-radius:12px;padding:10px 12px;margin:0 0 12px;color:#1a351a}\n    .bb-snack-wrap{max-width:640px}\n    .bb-date-form{background:#FFF7D6;border:2px solid #D9A300;border-radius:12px;padding:14px;margin:0 0 14px}\n    .bb-label{display:block;font-weight:600;margin:0 0 6px}\n    .bb-meta-time{font-size:12px;color:#666;margin:0 0 8px}\n    #bb-date{width:100%;max-width:220px;padding:8px;border:1px solid #ccc;border-radius:8px}\n    .bb-hours{margin:8px 0 0;color:#333}\n    .bb-closed,.bb-empty{background:#F5DB65;border:2px dashed #D9A300;border-radius:12px;padding:16px;margin-top:8px}\n    .bb-snack-form{background:#FFF7D6;padding:18px;border:2px solid #D9A300;border-radius:12px}\n    .bb-cat{color:#F5DB65;margin:12px 0 6px}\n    .bb-hr{border:0;border-top:1px solid #EBBA6A;margin:12px 0}\n    .bb-snack-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:6px 0}\n    .bb-snack-row .bb-name{flex:1}\n    .bb-snack-row .bb-ctrl{display:flex;align-items:center;gap:6px}\n    .bb-snack-row button{width:28px;height:28px;font-weight:700}\n    .bb-stock{font-size:12px;opacity:.7;margin-left:6px}\n    .uitverkocht{color:#F23E23;font-weight:700;margin-left:10px}\n    .bb-fields{display:flex;flex-direction:column;gap:10px;margin-top:6px}\n    .bb-field input, .bb-field select{width:100%;padding:10px;border:1px solid #c9c9c9;border-radius:10px}\n    .bb-small{display:block;font-size:12px;color:#555;margin-top:4px}\n    .bb-total-row{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #EBBA6A;border-radius:10px;padding:10px;margin:12px 0}\n    .bb-total-label{font-weight:700}\n    .bb-submit{display:inline-block;padding:10px 16px;border-radius:10px;background:#D9A300;color:#1a1a1a;border:0;font-weight:700;cursor:pointer}\n    .bb-msg{margin-top:10px}\n    .bb-date-warning{background:#F5DB65;border:2px dashed #D9A300;border-radius:12px;padding:12px 14px;margin:10px 0 0;color:#1a1a1a}\n    @media (max-width:648px){ .bb-snack-row{flex-wrap:wrap} .bb-snack-row .bb-name{width:100%} }\n  <\/style>\n\n<script>\n(function(){\n  const dateInput = document.getElementById('bb-date');\n  const form  = document.getElementById('bb-snack-form');\n  const total = document.getElementById('bb-totaal');\n  const msg   = document.getElementById('bb-msg');\n  const rows  = form ? form.querySelectorAll('.bb-snack-row') : [];\n\n  \/\/ Nieuw: waarschuwing pas na user-actie\n  const warnBox = document.getElementById('bb-date-warning');\n  const dayNames = ['zondag','maandag','dinsdag','woensdag','donderdag','vrijdag','zaterdag'];\n  let userPicked = false;\n\n  function isFullYMD(v){ return \/^\\d{4}-\\d{2}-\\d{2}$\/.test(v); }\n  function parseYMD(v){ const [y,m,d]=v.split('-').map(Number); return new Date(y,(m||1)-1,(d||1)); }\n  function isSnackDay(ymd){\n    const dt = parseYMD(ymd);\n    const wd = dt.getDay(); \/\/ 0=zo, 5=vr, 6=za\n    return wd===5 || wd===6 || wd===0;\n  }\n  function showError(txt){\n    if (!msg) return;\n    msg.innerHTML = '<p style=\"color:#F23E23;margin:8px 0 0;\">'+txt+'<\/p>';\n  }\n  function clearMsg(){ if (msg) msg.textContent = ''; }\n\n  function updateDateWarning(){\n    if (!warnBox || !dateInput) return;\n    const v = (dateInput.value || '').trim();\n\n    \/\/ Alleen tonen n\u00e1 user-actie \u00e9n bij geldige yyyy-mm-dd\n    if (!userPicked || !isFullYMD(v)) {\n      warnBox.hidden = true;\n      warnBox.textContent = '';\n      return;\n    }\n    const dt = parseYMD(v);\n    const wd = dt.getDay();\n    if (wd === 5 || wd === 6 || wd === 0) {\n      warnBox.hidden = true;\n      warnBox.textContent = '';\n    } else {\n      warnBox.innerHTML = '<strong>Let op:<\/strong> Op <strong>' + dayNames[wd] + '<\/strong> kunnen geen snacks worden afgehaald het kan alleen op vrijdag, zaterdag of zondag.';\n      warnBox.hidden = false;\n    }\n  }\n\n  \/\/ --- NIEUW: datum kiezen => URL ?snack_datum=YYYY-MM-DD en herladen ---\n  const wrapEl = document.querySelector('.bb-snack-wrap');\n  function gotoDate(ymd){\n    if (!isFullYMD(ymd)) return;\n    const u = new URL(window.location.href);\n    u.searchParams.set('snack_datum', ymd);\n    window.location.href = u.toString();\n  }\n\n  dateInput?.addEventListener('change', ()=>{\n    userPicked = true;\n    updateDateWarning();\n    const v = (dateInput.value || '').trim();\n    if (isFullYMD(v)) gotoDate(v);\n  });\n\n  \/\/ Sommige browsers vuren alleen 'input' in de datepicker\n  dateInput?.addEventListener('input', ()=>{\n    userPicked = true;\n    updateDateWarning();\n  });\n\n  \/\/ Enter in het datumveld = ga ook naar die datum\n  dateInput?.addEventListener('keydown', (e)=>{\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      const v = (dateInput.value || '').trim();\n      if (isFullYMD(v)) gotoDate(v);\n    }\n  });\n\n  \/\/ Totaal berekenen\n  function calc(){\n    if(!total || !rows) return;\n    let s = 0;\n    rows.forEach(r=>{\n      const p = parseFloat(r.getAttribute('data-price')) || 0;\n      const q = parseInt(r.querySelector('.qty')?.value || '0') || 0;\n      s += p*q;\n    });\n    total.textContent = s.toFixed(2);\n  }\n\n  \/\/ Plus\/min\/qty\n  rows.forEach(r=>{\n    const q = r.querySelector('.qty'); if(!q) return;\n    const maxStr = r.getAttribute('data-stock');\n    const max = (maxStr===''||maxStr===null)? null : parseInt(maxStr);\n    r.querySelector('.plus')?.addEventListener('click',()=>{ let v=(parseInt(q.value||'0')||0)+1; if(max!==null&&v>max)v=max; q.value=v; calc(); });\n    r.querySelector('.min')?.addEventListener('click',()=>{ let v=Math.max(0,(parseInt(q.value||'0')||0)-1); q.value=v; calc(); });\n    q.addEventListener('input',()=>{ let v=parseInt(q.value||'0'); if(isNaN(v)||v<0)v=0; if(max!==null&&v>max)v=max; q.value=v; calc(); });\n  });\n\n  \/\/ Submit-validatie (blijft zoals het was)\n  if (form){\n    form.addEventListener('submit', function(e){\n      e.preventDefault();\n      clearMsg();\n\n      const picked = (dateInput?.value || '').trim();\n      if (!picked){\n        showError('Kies eerst een afhaaldatum.');\n        return;\n      }\n      if (!isFullYMD(picked)){\n        showError('Voer de datum in als YYYY-MM-DD (bijv. 2025-11-07).');\n        return;\n      }\n      if (!isSnackDay(picked)){\n        showError('Ophalen kan alleen op vrijdag, zaterdag of zondag. Kies een toegestane dag.');\n        return;\n      }\n\n      const fd = new FormData(form);\n      fd.append('action','bb_snack_place');\n      fd.append('date', picked);\n      fetch('https:\/\/www.buurthuis-bloemwijk.nl\/wp-admin\/admin-ajax.php', { method:'POST', body: fd })\n        .then(r=>r.json())\n        .then(json=>{\n          if(json && json.success){\n            msg.innerHTML = '<p style=\"color:green;margin:8px 0 0;\">'+json.data.msg+'<\/p>';\n            form.reset(); calc();\n          }else{\n            showError((json && json.data && json.data.msg) ? json.data.msg : 'Er ging iets mis.');\n          }\n        })\n        .catch(()=> showError('Er ging iets mis. Probeer het later opnieuw.'));\n    });\n  }\n\n  calc();\n})();\n<\/script>\n\n  \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":[3],"class_list":["post-88","page","type-page","status-publish","hentry","category-bestellingen"],"_links":{"self":[{"href":"https:\/\/www.buurthuis-bloemwijk.nl\/index.php\/wp-json\/wp\/v2\/pages\/88","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=88"}],"version-history":[{"count":3,"href":"https:\/\/www.buurthuis-bloemwijk.nl\/index.php\/wp-json\/wp\/v2\/pages\/88\/revisions"}],"predecessor-version":[{"id":94,"href":"https:\/\/www.buurthuis-bloemwijk.nl\/index.php\/wp-json\/wp\/v2\/pages\/88\/revisions\/94"}],"wp:attachment":[{"href":"https:\/\/www.buurthuis-bloemwijk.nl\/index.php\/wp-json\/wp\/v2\/media?parent=88"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.buurthuis-bloemwijk.nl\/index.php\/wp-json\/wp\/v2\/categories?post=88"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}