{"id":727,"date":"2026-09-02T13:21:45","date_gmt":"2026-09-02T11:21:45","guid":{"rendered":"https:\/\/dr-technics.com\/index.php\/postvak\/"},"modified":"2026-09-02T18:05:28","modified_gmt":"2026-09-02T16:05:28","slug":"postvak","status":"publish","type":"page","link":"https:\/\/dr-technics.com\/index.php\/postvak\/","title":{"rendered":"Postvak"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"727\" class=\"elementor elementor-727 elementor-bc-flex-widget\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-drpa100 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"drpa100\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-drpb200\" data-id=\"drpb200\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-drpc300 elementor-widget elementor-widget-html\" data-id=\"drpc300\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"dr\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n#dr{\n  --zwart:#000;--paneel:#0C0D0F;--paneel2:#121417;--wit:#FFF;--grijs:#6D7685;--grijs2:#9AA1AC;\n  --lijn:rgba(255,255,255,.13);--rood:#E4022E;--blauw:#04549C;--groen:#2FBF71;\n  --knopvlak:rgba(255,255,255,.07);--knoplijn:rgba(255,255,255,.2);\n  background:var(--zwart);color:var(--wit);\n  font-family:\"Open Sans\",system-ui,-apple-system,\"Segoe UI\",sans-serif;\n  font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}\n#dr[data-thema=\"licht\"]{--zwart:#FFFFFF;--paneel:#F5F6F8;--paneel2:#ECEEF1;--wit:#0E1113;--grijs:#6B7280;--grijs2:#4B5563;--lijn:rgba(0,0,0,.12);--groen:#1E9E57;--knopvlak:rgba(0,0,0,.04);--knoplijn:rgba(0,0,0,.16)}\n#dr[data-thema=\"licht\"] .k-mail{background:rgba(4,84,156,.92);color:#fff}\n#dr[data-thema=\"licht\"] .v-actie{color:#fff}\n#dr *{box-sizing:border-box;margin:0;padding:0}\n#dr img{max-width:100%}\n#dr .vel{max-width:1180px;margin:0 auto;padding:0 24px}\n#dr h3{font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--grijs2);margin:0 0 14px}\n\n\/* login *\/\n#dr .pl-login{position:fixed;inset:0;z-index:9000;background:var(--zwart);display:flex;align-items:center;justify-content:center;padding:24px}\n#dr .pl-login .box{width:100%;max-width:380px;text-align:center}\n#dr .pl-login img{width:132px;margin:0 auto 26px;display:block}\n#dr .pl-login h1{font-size:24px;font-weight:800;margin:0 0 6px;color:var(--wit)}\n#dr .pl-login p{color:var(--grijs2);font-size:15px;margin:0 0 26px}\n#dr .pl-login input{width:100%;background:var(--knopvlak);border:1px solid var(--knoplijn);border-radius:10px;padding:14px 16px;color:var(--wit);font:inherit;font-size:15px;margin-bottom:12px}\n#dr .pl-login input:focus{outline:none;border-color:var(--rood)}\n#dr .pl-login .fout{color:#ff9aac;font-size:14px;margin-bottom:12px;display:none}\n#dr .pl-login button{width:100%;background:var(--rood);color:#fff;border:0;border-radius:10px;padding:15px;font:inherit;font-weight:800;font-size:16px;cursor:pointer}\n#dr .pl-login button:disabled{opacity:.6}\n\n\/* app *\/\n#dr .pl-app{display:none}\n#dr .pl-bar{position:sticky;top:0;z-index:50;background:var(--paneel2);border-bottom:1px solid var(--lijn);display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px}\n#dr .pl-bar .l{display:flex;align-items:center;gap:14px}\n#dr .pl-bar img{height:36px;width:auto}\n#dr .pl-bar .t{font-weight:800;font-size:16px;letter-spacing:-.01em;color:var(--wit)}\n#dr .pl-bar .t small{display:block;font-weight:600;font-size:11.5px;color:var(--grijs);letter-spacing:.08em;text-transform:uppercase}\n#dr .pl-bar .acties{display:flex;gap:9px}\n#dr .pl-bar .acties button{background:var(--knopvlak);color:var(--grijs2);border:1px solid var(--knoplijn);border-radius:100px;padding:9px 16px;font:inherit;font-weight:600;font-size:13.5px;cursor:pointer}\n#dr .pl-bar .acties button:hover{color:var(--wit);border-color:var(--rood)}\n#dr .kop{padding:26px 0 6px}\n#dr .kop h2{font-size:24px;font-weight:800;color:var(--wit)}\n#dr .kop .sub{color:var(--grijs);font-size:14px;margin-top:3px}\n\n\/* cijfers *\/\n#dr .cijfers{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:11px;margin:20px 0 8px}\n#dr .cijfer{background:var(--paneel);border:1px solid var(--lijn);border-top:3px solid var(--blauw);border-radius:5px;padding:15px 17px}\n#dr .cijfer.let{border-top-color:var(--rood)}\n#dr .cijfer b{display:block;font-size:29px;font-weight:800;line-height:1.1}\n#dr .cijfer span{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--grijs)}\n\n\/* kolommen *\/\n#dr .kolommen{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;align-items:start;padding:22px 0 40px}\n#dr .kolommen > div > h3:first-child{margin-top:0}\n#dr .bericht{display:grid;grid-template-columns:auto minmax(0,1fr);gap:13px;background:var(--paneel);border:1px solid var(--lijn);border-radius:5px;padding:14px 16px;margin-bottom:9px}\n#dr .kanaal{font-size:10.5px;font-weight:800;letter-spacing:.08em;padding:5px 9px;border-radius:3px;height:fit-content;white-space:nowrap}\n#dr .k-mail{background:rgba(4,84,156,.92);color:#fff}\n#dr .k-whatsapp{background:rgba(47,191,113,.17);color:var(--groen)}\n#dr .k-sms{background:rgba(154,161,172,.17);color:var(--grijs2)}\n#dr .k-oproep{background:rgba(228,2,46,.17);color:var(--rood)}\n#dr .k-form{background:rgba(4,84,156,.17);color:#6FA8DC}\n#dr .k-tel{background:rgba(154,161,172,.17);color:var(--grijs2)}\n#dr .bericht b{font-size:15.5px;display:block}\n#dr .van{font-size:12.5px;color:var(--grijs);margin-top:1px}\n#dr .bericht p{font-size:14px;color:var(--grijs2);margin-top:7px}\n#dr .vlag{display:inline-block;margin-top:9px;font-size:11.5px;font-weight:700;letter-spacing:.05em;padding:4px 10px;border-radius:3px;text-transform:uppercase}\n#dr .v-actie{background:var(--rood);color:#fff}\n#dr .v-prive{background:rgba(154,161,172,.16);color:var(--grijs2)}\n#dr .v-klaar{background:rgba(47,191,113,.16);color:var(--groen)}\n#dr .v-belofte{background:rgba(176,122,12,.2);color:#E3B23C}\n#dr .antwrij{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}\n#dr a.antwknop,#dr button.antwknop{display:inline-block;text-decoration:none;background:transparent;border:1px solid var(--lijn);color:var(--grijs2);border-radius:7px;padding:7px 14px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}\n#dr a.antwknop:hover,#dr button.antwknop:hover{border-color:var(--rood);color:var(--wit)}\n#dr a.antwknop.wa{border-color:rgba(47,191,113,.5);color:var(--groen)}\n#dr a.antwknop.wa:hover{border-color:var(--groen)}\n#dr a.antwknop.mail{border-color:rgba(4,84,156,.6);color:#6FA8DC}\n#dr a.antwknop.mail:hover{border-color:#6FA8DC}\n\n\/* todo *\/\n#dr .todo{background:var(--paneel);border:1px solid var(--lijn);border-left:3px solid var(--rood);border-radius:5px;padding:4px 4px}\n#dr .taak{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;border-bottom:1px solid var(--lijn);cursor:pointer}\n#dr .taak:last-child{border-bottom:0}\n#dr .vink{width:19px;height:19px;border:2px solid var(--lijn);border-radius:3px;flex:none;margin-top:3px;display:flex;align-items:center;justify-content:center;font-size:12px;color:transparent;transition:.15s}\n#dr .taak[aria-checked=true] .vink{background:var(--groen);border-color:var(--groen);color:#000}\n#dr .taak[aria-checked=true] .tt{color:var(--grijs);text-decoration:line-through}\n#dr .tt{font-size:14.5px}\n#dr .tt small{display:block;font-size:12.5px;color:var(--grijs);margin-top:2px}\n#dr .leegblok{color:var(--grijs);font-size:14px;padding:16px 2px}\n\n\/* notitie-knop + blad *\/\n#dr .plus{position:fixed;right:20px;bottom:22px;z-index:60;display:flex;align-items:center;gap:9px;background:var(--rood);color:#fff;border:0;border-radius:100px;padding:0 22px;height:54px;font:inherit;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.4)}\n#dr .plus b{font-size:22px;font-weight:400;line-height:1}\n#dr .ofzelf{text-align:center;color:var(--grijs);font-size:12.5px;margin:18px 0 12px;text-transform:uppercase;letter-spacing:.06em}\n#dr .waas{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.6);display:none}\n#dr .waas.aan{display:block}\n#dr .blad{position:fixed;left:0;right:0;bottom:0;z-index:80;background:var(--paneel2);border-top:1px solid var(--lijn);border-radius:18px 18px 0 0;max-height:92vh;display:none;flex-direction:column}\n#dr .blad.aan{display:flex}\n#dr .bladkop{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--lijn)}\n#dr .bladkop h3{margin:0;color:var(--wit);font-size:16px;letter-spacing:0;text-transform:none}\n#dr .sluit{background:var(--knopvlak);border:0;color:var(--grijs2);width:34px;height:34px;border-radius:100px;font-size:19px;cursor:pointer;line-height:1}\n#dr .bladinh{padding:16px 20px;overflow-y:auto}\n#dr .bladinh label{display:block;font-size:13.5px;font-weight:600;margin:0 0 6px;color:var(--grijs2)}\n#dr .bladinh input,#dr .bladinh textarea{width:100%;background:var(--knopvlak);border:1px solid var(--knoplijn);border-radius:9px;padding:12px 14px;color:var(--wit);font:inherit;font-size:15px;margin-bottom:14px}\n#dr .bladinh textarea{min-height:80px;resize:vertical}\n#dr .bladinh .tweel{display:grid;grid-template-columns:1fr 150px;gap:10px}\n#dr .bladinh .bewaar{width:100%;background:var(--rood);color:#fff;border:0;border-radius:10px;padding:14px;font:inherit;font-weight:800;font-size:16px;cursor:pointer}\n#dr .melding{font-size:14px;margin:10px 0 0;padding:11px 13px;border-radius:8px;display:none}\n#dr .melding.goed{display:block;background:rgba(47,191,113,.16);color:var(--groen)}\n#dr .melding.fout{display:block;background:rgba(228,2,46,.16);color:#ff9aac}\n\n#dr a.antwknop.vid,#dr button.antwknop.vid{border-color:rgba(4,84,156,.6);color:#6FA8DC}\n#dr button.antwknop.vid:hover{border-color:#6FA8DC;color:var(--wit)}\n#dr .vlink{display:block;background:var(--knopvlak);border:1px solid var(--knoplijn);color:var(--grijs2);font-size:13.5px;word-break:break-all;padding:11px 13px;border-radius:9px;margin-bottom:14px}\n#dr .vknoppen{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}\n#dr .vknoppen button{background:var(--knopvlak);border:1px solid var(--knoplijn);color:var(--wit);border-radius:10px;padding:12px;font:inherit;font-weight:700;font-size:14px;cursor:pointer}\n#dr .vknoppen button.wa{border-color:rgba(47,191,113,.5);color:var(--groen)}\n#dr .vknoppen button.mail{border-color:rgba(4,84,156,.6);color:#6FA8DC}\n@media(max-width:820px){\n  #dr .kolommen{grid-template-columns:minmax(0,1fr);gap:24px}\n  #dr .bericht{grid-template-columns:minmax(0,1fr);gap:8px}\n  #dr .kanaal{justify-self:start}\n  #dr .cijfers{grid-template-columns:1fr 1fr}\n  #dr .bladinh .tweel{grid-template-columns:1fr}\n}\n@media(max-width:540px){\n  #dr .pl-bar{padding:0 14px;height:58px}\n  #dr .pl-bar img{height:28px}\n  #dr .pl-bar .t{font-size:14.5px}\n  #dr .pl-bar .t small{display:none}\n  #dr .pl-bar .acties button{padding:8px 12px;font-size:12.5px}\n  #dr .plus{padding:0 18px;height:48px;font-size:14px}\n}\n<\/style>\n\n<div class=\"pl-login\" id=\"pl-login\">\n  <div class=\"box\">\n    <img decoding=\"async\" src=\"https:\/\/dr-technics.com\/wp-content\/uploads\/2024\/03\/lang-logo-zwarte-achtergrond-HC.png\" alt=\"DR-Technics\">\n    <h1>Postvak<\/h1>\n    <p>Meld je aan om je aanvragen, oproepen en mails te bekijken.<\/p>\n    <form id=\"pl-form\">\n      <input type=\"password\" id=\"pl-pw\" placeholder=\"Wachtwoord\" autocomplete=\"current-password\">\n      <div class=\"fout\" id=\"pl-fout\">Dat wachtwoord klopt niet.<\/div>\n      <button type=\"submit\" id=\"pl-knop\">Aanmelden<\/button>\n    <\/form>\n  <\/div>\n<\/div>\n\n<div class=\"pl-app\" id=\"pl-app\">\n  <header class=\"pl-bar\">\n    <div class=\"l\"><img decoding=\"async\" src=\"https:\/\/dr-technics.com\/wp-content\/uploads\/2024\/03\/lang-logo-zwarte-achtergrond-HC.png\" alt=\"\"><div class=\"t\">Postvak<small>DR-Technics<\/small><\/div><\/div>\n    <div class=\"acties\"><button id=\"pl-thema\">Licht<\/button><button id=\"pl-ver\">Vernieuwen<\/button><button id=\"pl-uit\">Afmelden<\/button><\/div>\n  <\/header>\n  <div class=\"vel\">\n    <div class=\"kop\"><h2>Wat er binnenkwam<\/h2><div class=\"sub\" id=\"dr-sub\">Bezig met laden&hellip;<\/div><\/div>\n    <div class=\"cijfers\" id=\"dr-cijfers\"><\/div>\n    <div class=\"kolommen\">\n      <div><h3>Wat er binnenkwam<\/h3><div id=\"dr-inbox\"><\/div><\/div>\n      <div><h3>Wat er nog van jou verwacht wordt<\/h3><div class=\"todo\" id=\"dr-todo\"><\/div><\/div>\n    <\/div>\n  <\/div>\n  <button class=\"plus\" id=\"dr-plus\"><b>+<\/b> Notitie<\/button>\n<\/div>\n\n<div class=\"waas\" id=\"dr-waas\"><\/div>\n<div class=\"blad\" id=\"dr-blad\">\n  <div class=\"bladkop\"><h3>Na een telefoongesprek<\/h3><button class=\"sluit\" id=\"dr-sluit\">&times;<\/button><\/div>\n  <div class=\"bladinh\">\n    <label>Spreek in of typ in \u00e9\u00e9n zin<\/label>\n    <textarea id=\"q-tekst\" placeholder=\"Bv. Jan Peeters uit Beringen, offerte warmtepomp tegen vrijdag\"><\/textarea>\n    <button class=\"bewaar\" id=\"q-bewaar\" style=\"background:var(--groen)\">Inspreken en bewaren<\/button>\n    <div class=\"melding\" id=\"q-mld\"><\/div>\n    <div class=\"ofzelf\">of vul het zelf in<\/div>\n    <label>Waarover ging het?<\/label><textarea id=\"n-wat\" placeholder=\"Bv. wil prijs voor nieuwe ketel\"><\/textarea>\n    <label>Wie belde er?<\/label><input id=\"n-naam\" placeholder=\"Naam\" autocomplete=\"off\">\n    <label>Telefoonnummer<\/label><input id=\"n-tel\" inputmode=\"tel\" placeholder=\"0470 12 34 56\" autocomplete=\"off\">\n    <label>Heb je iets beloofd?<\/label>\n    <div class=\"tweel\"><input id=\"n-bel\" placeholder=\"Bv. prijs doorsturen\"><input id=\"n-beld\" type=\"date\"><\/div>\n    <button class=\"bewaar\" id=\"n-bewaar\">Bewaren<\/button>\n    <div class=\"melding\" id=\"n-mld\"><\/div>\n  <\/div>\n<\/div>\n\n<div class=\"waas\" id=\"dr-vwaas\"><\/div>\n<div class=\"blad\" id=\"dr-vblad\">\n  <div class=\"bladkop\"><h3>Videogesprek met <span id=\"v-naam\"><\/span><\/h3><button class=\"sluit\" id=\"v-sluit\">&times;<\/button><\/div>\n  <div class=\"bladinh\">\n    <p style=\"color:var(--grijs2);font-size:14px;margin:0 0 14px\">De klant hoeft niets te installeren. Hij klikt op de link en het gesprek opent in zijn browser.<\/p>\n    <label>Wanneer? (leeg = nu meteen)<\/label>\n    <input id=\"v-tijd\" type=\"datetime-local\">\n    <div class=\"vlink\" id=\"v-link\"><\/div>\n    <button class=\"bewaar\" id=\"v-open\">Ik open het gesprek<\/button>\n    <div class=\"vknoppen\"><button class=\"wa\" id=\"v-wa\">Stuur link via WhatsApp<\/button><button class=\"mail\" id=\"v-mail\">Stuur link via mail<\/button><\/div>\n  <\/div>\n<\/div>\n<script>\n(function(){\n  var LOGIN=\"https:\/\/hook.eu1.make.com\/tpdkwvbtc3c9znnjkggc5q83wn66upqa\";\n  var OPHALEN=\"https:\/\/hook.eu1.make.com\/va625gahi7ay12whsrfxdst6k72t3xrl\";\n  var BEWAREN=\"https:\/\/hook.eu1.make.com\/w99aso5l0jna2mwu6k1ie613te9rrlnc\";\n  var NOTITIE=\"https:\/\/hook.eu1.make.com\/7ppax7djbghropu72a8aa07shouaawj6\", BELOFTE=\"https:\/\/hook.eu1.make.com\/n2qwdnwso2liftw5pd7l187oisrujsnl\";\n  var PWKEY=\"dr_postvak_pw\", THEMAKEY=\"dr_postvak_thema\";\n  var sleutel=\"\", alles=[], bedrijf=\"DR-Technics\";\n  var login=document.getElementById(\"pl-login\"), app=document.getElementById(\"pl-app\");\n  \/\/ licht\/donker\n  var root=document.getElementById(\"dr\"), themaKnop=document.getElementById(\"pl-thema\");\n  function pasThema(){ var t=\"\"; try{t=localStorage.getItem(THEMAKEY)||\"\";}catch(e){} if(t===\"licht\"){ root.setAttribute(\"data-thema\",\"licht\"); themaKnop.textContent=\"Donker\"; } else { root.removeAttribute(\"data-thema\"); themaKnop.textContent=\"Licht\"; } }\n  themaKnop.addEventListener(\"click\",function(){ var licht=root.getAttribute(\"data-thema\")===\"licht\"; try{localStorage.setItem(THEMAKEY,licht?\"donker\":\"licht\");}catch(e){} pasThema(); });\n  pasThema();\n\n  var inbox=document.getElementById(\"dr-inbox\"), todo=document.getElementById(\"dr-todo\"), cij=document.getElementById(\"dr-cijfers\"), sub=document.getElementById(\"dr-sub\");\n\n  function v(t){var d=document.createElement(\"div\");d.textContent=t==null?\"\":String(t);return d.innerHTML;}\n  function el(html){var t=document.createElement(\"template\");t.innerHTML=html.trim();return t.content.firstChild;}\n  function tel(t){return (t||\"\").replace(\/[^0-9+]\/g,\"\");}\n  function vandaag(){var d=new Date();return d.getFullYear()+\"-\"+String(d.getMonth()+1).padStart(2,\"0\")+\"-\"+String(d.getDate()).padStart(2,\"0\");}\n  function klok(s){ if(!s)return\"\"; var p=s.split(\" \"); if(p.length>1) return p[1]; var d=new Date(s.replace(\" \",\"T\")); return isNaN(d)?\"\":String(d.getHours()).padStart(2,\"0\")+\":\"+String(d.getMinutes()).padStart(2,\"0\"); }\n  function dagkort(s){ if(!s)return\"\"; var p=s.split(\" \")[0].split(\"-\"); return p.length===3?(p[2]+\"\/\"+p[1]):s; }\n\n  var KAN={ \"Mail\":[\"E-MAIL\",\"k-mail\"], \"WhatsApp\":[\"WHATSAPP\",\"k-whatsapp\"], \"Sms\":[\"SMS\",\"k-sms\"], \"Gemiste oproep\":[\"GEMISTE OPROEP\",\"k-oproep\"], \"Formulier\":[\"FORMULIER\",\"k-form\"], \"Telefoon\":[\"TELEFOON\",\"k-tel\"], \"Handmatig\":[\"NOTITIE\",\"k-tel\"] };\n  function afgerond(a){ return a.status===\"AFGEROND\"||a.status===\"GEEN GEVOLG\"; }\n\n  function login_check(pw){ return fetch(LOGIN,{method:\"POST\",headers:{\"Content-Type\":\"application\/json\"},body:JSON.stringify({pw:pw})}).then(function(r){return r.json();}).catch(function(){return {ok:false};}); }\n  function toon(k){ sleutel=k; login.style.display=\"none\"; app.style.display=\"block\"; laden(); }\n  var saved=\"\"; try{ saved=sessionStorage.getItem(PWKEY)||\"\"; }catch(e){}\n  if(saved){ login_check(saved).then(function(d){ if(d&&d.ok) toon(d.sleutel); }); }\n  document.getElementById(\"pl-form\").addEventListener(\"submit\",function(e){\n    e.preventDefault();\n    var pw=document.getElementById(\"pl-pw\").value, knop=document.getElementById(\"pl-knop\"), fout=document.getElementById(\"pl-fout\");\n    fout.style.display=\"none\"; knop.textContent=\"Bezig...\"; knop.disabled=true;\n    login_check(pw).then(function(d){ knop.textContent=\"Aanmelden\"; knop.disabled=false; if(d&&d.ok){ try{sessionStorage.setItem(PWKEY,pw);}catch(e){} toon(d.sleutel); } else { fout.style.display=\"block\"; } });\n  });\n  document.getElementById(\"pl-uit\").addEventListener(\"click\",function(){ try{sessionStorage.removeItem(PWKEY);}catch(e){} location.reload(); });\n  document.getElementById(\"pl-ver\").addEventListener(\"click\",function(){ var b=this; b.textContent=\"Vernieuwen...\"; b.disabled=true; location.reload(); });\n  window.addEventListener(\"focus\",function(){ if(app.style.display===\"block\" && !document.getElementById(\"dr-blad\").classList.contains(\"aan\")) laden(); });\n\n  function laden(){\n    if(!sleutel) return;\n    fetch(OPHALEN,{method:\"POST\",headers:{\"Content-Type\":\"application\/json\"},body:JSON.stringify({k:sleutel})})\n      .then(function(r){ if(!r.ok) throw 0; return r.json(); })\n      .then(function(d){ if(!d) throw 0; if(d.bedrijf) bedrijf=d.bedrijf; alles=d.aanvragen||[]; teken(); })\n      .catch(function(){ sub.textContent=\"Kon niet laden. Probeer straks opnieuw.\"; });\n  }\n\n  function vlagVoor(a){\n    if(afgerond(a)) return '<span class=\"vlag v-klaar\">Afgehandeld<\/span>';\n    if(a.categorie===\"Prive\") return '<span class=\"vlag v-prive\">Priv\u00e9<\/span>';\n    if(a.belofte) return '<span class=\"vlag v-belofte\">Belofte'+(a.belofte_tegen?' tegen '+v(dagkort(a.belofte_tegen)):'')+'<\/span>';\n    if(a.wanneer===\"Dringend, deze week\") return '<span class=\"vlag v-actie\">Dringend, wacht op jou<\/span>';\n    if(a.status===\"NIEUW\") return '<span class=\"vlag v-actie\">Nieuw, wacht op jou<\/span>';\n    return '<span class=\"vlag v-prive\">'+v(a.status||\"Loopt\")+'<\/span>';\n  }\n  function knoppenVoor(a){\n    var b=[];\n    if(a.bron===\"WhatsApp\" && a.telefoon) b.push('<a class=\"antwknop wa\" target=\"_blank\" rel=\"noopener\" href=\"https:\/\/wa.me\/'+tel(a.telefoon).replace(\/^\\+\/,\"\")+'\">Antwoord via WhatsApp<\/a>');\n    if(a.email) b.push('<a class=\"antwknop mail\" href=\"mailto:'+v(a.email)+'?subject=Uw%20aanvraag%20bij%20'+encodeURIComponent(bedrijf)+'\">Antwoord via mail<\/a>');\n    if(a.telefoon) b.push('<a class=\"antwknop\" href=\"tel:'+v(tel(a.telefoon))+'\">'+(a.bron===\"Gemiste oproep\"?\"Bel terug\":\"Bel op\")+'<\/a>');\n    if(a.telefoon||a.email) b.push('<button class=\"antwknop vid\" data-vid=\"'+v(a.id)+'\">Videogesprek<\/button>');\n    if(!afgerond(a)) b.push('<button class=\"antwknop\" data-af=\"'+v(a.id)+'\">Markeer afgehandeld<\/button>');\n    return b.length?'<div class=\"antwrij\">'+b.join(\"\")+'<\/div>':'';\n  }\n  function kaart(a){\n    var kan=KAN[a.bron]||[\"BERICHT\",\"k-tel\"];\n    var naam=a.naam||a.telefoon||\"Onbekend\";\n    var meta=(a.gemeente?naam+\", \"+a.gemeente:naam)+(klok(a.binnen)?\" \u00b7 \"+klok(a.binnen):\"\");\n    return '<div class=\"bericht\"><span class=\"kanaal '+kan[1]+'\">'+v(kan[0])+'<\/span><div>'+\n      '<b>'+v(a.wat||\"Bericht\")+'<\/b><div class=\"van\">'+v(meta)+'<\/div>'+\n      (a.omschrijving?'<p>'+v(a.omschrijving)+'<\/p>':'')+\n      vlagVoor(a)+knoppenVoor(a)+'<\/div><\/div>';\n  }\n\n  function teken(){\n    var open=alles.filter(function(a){return !afgerond(a) && a.categorie!==\"Prive\";});\n    var nieuw=open.filter(function(a){return a.status===\"NIEUW\";});\n    var beloftes=alles.filter(function(a){return a.belofte && !afgerond(a);});\n    sub.textContent=bedrijf+\" \u00b7 \"+open.length+\" openstaand\";\n    \/\/ cijfers\n    cij.innerHTML=\"\";\n    [[\"let\",open.length,\"wachten op jou\"],[\"\",nieuw.length,\"nieuw binnen\"],[\"\",beloftes.length,\"beloftes open\"],[\"\",alles.length,\"totaal deze week\"]].forEach(function(c){\n      cij.appendChild(el('<div class=\"cijfer '+c[0]+'\"><b>'+c[1]+'<\/b><span>'+c[2]+'<\/span><\/div>'));\n    });\n    \/\/ inbox (open eerst, dan de rest)\n    inbox.innerHTML=\"\";\n    var lijst=alles.filter(function(a){return a.categorie!==\"Prive\";});\n    lijst.sort(function(a,b){ return (afgerond(a)?1:0)-(afgerond(b)?1:0); });\n    if(!lijst.length){ inbox.innerHTML='<div class=\"leegblok\">Nog niets binnengekomen. Zodra iemand belt, mailt of het formulier invult, verschijnt het hier.<\/div>'; }\n    else lijst.forEach(function(a){ inbox.appendChild(el(kaart(a))); });\n    \/\/ todo (beloftes)\n    todo.innerHTML=\"\";\n    if(!beloftes.length){ todo.innerHTML='<div class=\"leegblok\">Geen open beloftes. Zet er een bij een bericht of via de notitieknop.<\/div>'; }\n    else beloftes.forEach(function(a){\n      var t=el('<div class=\"taak\" role=\"checkbox\" tabindex=\"0\" aria-checked=\"false\"><span class=\"vink\">&#10003;<\/span><span class=\"tt\">'+v(a.belofte)+'<small>'+v(a.naam||a.telefoon||\"\")+(a.belofte_tegen?\" \u00b7 tegen \"+v(dagkort(a.belofte_tegen)):\"\")+'<\/small><\/span><\/div>');\n      t.addEventListener(\"click\",function(){ t.setAttribute(\"aria-checked\",\"true\"); bewaar(a.id,\"AFGEROND\",{}); });\n      todo.appendChild(t);\n    });\n    \/\/ markeer-afgehandeld knoppen\n    inbox.querySelectorAll(\"[data-af]\").forEach(function(btn){ btn.addEventListener(\"click\",function(){ btn.textContent=\"Bezig...\"; bewaar(btn.getAttribute(\"data-af\"),\"AFGEROND\",{}); }); });\n    inbox.querySelectorAll(\"[data-vid]\").forEach(function(btn){ btn.addEventListener(\"click\",function(){ var a=alles.filter(function(x){return x.id===btn.getAttribute(\"data-vid\");})[0]; if(a) openVideo(a); }); });\n  }\n\n  function bewaar(id,status,extra){\n    var body={k:sleutel,id:id,status:status}; if(extra){ for(var k in extra) body[k]=extra[k]; }\n    fetch(BEWAREN,{method:\"POST\",headers:{\"Content-Type\":\"application\/json\"},body:JSON.stringify(body)})\n      .then(function(r){ if(!r.ok) throw 0; return r.json(); }).then(function(){ setTimeout(laden,600); }).catch(function(){ laden(); });\n  }\n\n  \/\/ notitie-blad\n  var blad=document.getElementById(\"dr-blad\"), waas=document.getElementById(\"dr-waas\");\n  function bladOpen(){ [\"q-tekst\",\"n-wat\",\"n-naam\",\"n-tel\",\"n-bel\",\"n-beld\"].forEach(function(i){document.getElementById(i).value=\"\";}); document.getElementById(\"n-mld\").className=\"melding\"; document.getElementById(\"q-mld\").className=\"melding\"; blad.classList.add(\"aan\"); waas.classList.add(\"aan\"); setTimeout(function(){document.getElementById(\"q-tekst\").focus();},60); }\n  function bladDicht(){ blad.classList.remove(\"aan\"); waas.classList.remove(\"aan\"); }\n  document.getElementById(\"dr-plus\").addEventListener(\"click\",bladOpen);\n  document.getElementById(\"dr-sluit\").addEventListener(\"click\",bladDicht);\n  waas.addEventListener(\"click\",bladDicht);\n  document.getElementById(\"n-bewaar\").addEventListener(\"click\",function(){\n    var wat=document.getElementById(\"n-wat\").value.trim(), mld=document.getElementById(\"n-mld\"), b=this;\n    if(!wat){ mld.className=\"melding fout\"; mld.textContent=\"Schrijf even kort waarover het ging.\"; return; }\n    b.disabled=true; b.textContent=\"Bezig...\"; mld.className=\"melding\";\n    fetch(NOTITIE,{method:\"POST\",headers:{\"Content-Type\":\"application\/json\"},body:JSON.stringify({\n      k:sleutel, wat:wat, naam:document.getElementById(\"n-naam\").value.trim(), telefoon:document.getElementById(\"n-tel\").value.trim(),\n      belofte:document.getElementById(\"n-bel\").value.trim(), belofte_tegen:document.getElementById(\"n-beld\").value||\"\"\n    })}).then(function(r){ if(!r.ok) throw 0; return r.json(); }).then(function(o){ if(!o||!o.ok) throw 0; b.disabled=false; b.textContent=\"Bewaren\"; bladDicht(); laden(); })\n      .catch(function(){ b.disabled=false; b.textContent=\"Bewaren\"; mld.className=\"melding fout\"; mld.textContent=\"Niet bewaard. Probeer opnieuw.\"; });\n  });\n\n  document.getElementById(\"q-bewaar\").addEventListener(\"click\",function(){\n    var t=document.getElementById(\"q-tekst\").value.trim(), mld=document.getElementById(\"q-mld\"), b=this;\n    if(!t){ mld.className=\"melding fout\"; mld.textContent=\"Zeg of typ even in \u00e9\u00e9n zin wat je beloofde.\"; return; }\n    b.disabled=true; b.textContent=\"Bezig...\"; mld.className=\"melding\";\n    fetch(BELOFTE,{method:\"POST\",headers:{\"Content-Type\":\"application\/json\"},body:JSON.stringify({k:sleutel,tekst:t})})\n      .then(function(r){ if(!r.ok) throw 0; return r.json(); }).then(function(o){ if(!o||!o.ok) throw 0; b.disabled=false; b.textContent=\"Inspreken en bewaren\"; bladDicht(); laden(); })\n      .catch(function(){ b.disabled=false; b.textContent=\"Inspreken en bewaren\"; mld.className=\"melding fout\"; mld.textContent=\"Niet bewaard. Probeer opnieuw.\"; });\n  });\n\n  \/\/ videogesprek\n  var vblad=document.getElementById(\"dr-vblad\"), vwaas=document.getElementById(\"dr-vwaas\"), vcur=null, vlink=\"\";\n  function room(){ var s=\"ABCDEFGHJKLMNPQRSTUVWXYZ23456789\"; var r=\"\"; for(var i=0;i<10;i++) r+=s[Math.floor(Math.random()*s.length)]; return \"DRTechnics-\"+r; }\n  function openVideo(a){\n    vcur=a; vlink=\"https:\/\/meet.jit.si\/\"+room();\n    document.getElementById(\"v-naam\").textContent=a.naam||a.telefoon||\"de klant\";\n    document.getElementById(\"v-tijd\").value=\"\";\n    document.getElementById(\"v-link\").textContent=vlink;\n    document.getElementById(\"v-wa\").style.display=a.telefoon?\"block\":\"none\";\n    document.getElementById(\"v-mail\").style.display=a.email?\"block\":\"none\";\n    vblad.classList.add(\"aan\"); vwaas.classList.add(\"aan\");\n  }\n  function vDicht(){ vblad.classList.remove(\"aan\"); vwaas.classList.remove(\"aan\"); }\n  document.getElementById(\"v-sluit\").addEventListener(\"click\",vDicht);\n  vwaas.addEventListener(\"click\",vDicht);\n  document.getElementById(\"v-open\").addEventListener(\"click\",function(){ window.open(vlink,\"_blank\",\"noopener\"); });\n  function tijdtekst(){ var t=document.getElementById(\"v-tijd\").value; if(!t) return \"nu meteen\"; var d=new Date(t); return \"op \"+String(d.getDate()).padStart(2,\"0\")+\"\/\"+String(d.getMonth()+1).padStart(2,\"0\")+\" om \"+String(d.getHours()).padStart(2,\"0\")+\"u\"+String(d.getMinutes()).padStart(2,\"0\"); }\n  document.getElementById(\"v-wa\").addEventListener(\"click\",function(){\n    if(!vcur||!vcur.telefoon) return;\n    var msg=\"Dag \"+(vcur.naam||\"\")+\", ik stel een kort videogesprek voor \"+tijdtekst()+\". Klik op deze link om te starten: \"+vlink;\n    window.open(\"https:\/\/wa.me\/\"+tel(vcur.telefoon).replace(\/^\\+\/,\"\")+\"?text=\"+encodeURIComponent(msg),\"_blank\",\"noopener\");\n  });\n  document.getElementById(\"v-mail\").addEventListener(\"click\",function(){\n    if(!vcur||!vcur.email) return;\n    var body=\"Dag \"+(vcur.naam||\"\")+\",%0A%0AIk stel een kort videogesprek voor \"+encodeURIComponent(tijdtekst())+\".%0AKlik op deze link om te starten:%0A\"+encodeURIComponent(vlink)+\"%0A%0AMet vriendelijke groeten,%0A\"+encodeURIComponent(bedrijf);\n    window.location.href=\"mailto:\"+vcur.email+\"?subject=\"+encodeURIComponent(\"Videogesprek met \"+bedrijf)+\"&body=\"+body;\n  });\n})();\n<\/script>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"saved_in_kubio":false,"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-727","page","type-page","status-publish","hentry"],"kubio_ai_page_context":{"short_desc":"","purpose":"general"},"_links":{"self":[{"href":"https:\/\/dr-technics.com\/index.php\/wp-json\/wp\/v2\/pages\/727","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dr-technics.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dr-technics.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dr-technics.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dr-technics.com\/index.php\/wp-json\/wp\/v2\/comments?post=727"}],"version-history":[{"count":1,"href":"https:\/\/dr-technics.com\/index.php\/wp-json\/wp\/v2\/pages\/727\/revisions"}],"predecessor-version":[{"id":730,"href":"https:\/\/dr-technics.com\/index.php\/wp-json\/wp\/v2\/pages\/727\/revisions\/730"}],"wp:attachment":[{"href":"https:\/\/dr-technics.com\/index.php\/wp-json\/wp\/v2\/media?parent=727"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}