Vind een professional \u2014 Practice Your Health<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n --forest:#1C3333;--cream:#FFF2D9;--sky:#A8E0F0;\n --f70:rgba(28,51,51,.7);--f10:rgba(28,51,51,.07);\n --sky-pale:#E6F6FB;--cream-dk:#F0E0C0;--white:#fff;\n --r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;\n --sh-sm:0 1px 4px rgba(28,51,51,.08);--sh-md:0 4px 16px rgba(28,51,51,.12);\n}\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}\nbody{font-family:'DM Sans',sans-serif;background:var(--cream);color:var(--forest);}\n.hero{background:var(--forest);padding:2.5rem 2rem 2rem;text-align:center;}\n.hero-eye{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sky);margin-bottom:.6rem;font-weight:500;}\n.hero h1{font-family:'DM Serif Display',serif;font-size:clamp(1.6rem,4vw,2.4rem);color:var(--cream);line-height:1.15;margin-bottom:.6rem;}\n.hero h1 em{color:var(--sky);font-style:italic;}\n.hero p{font-size:.9rem;color:rgba(255,242,217,.6);max-width:440px;margin:0 auto;line-height:1.6;}\n.search-zone{background:var(--forest);padding:0 1.5rem 2rem;}\n.search-box{background:var(--cream);border-radius:var(--r-xl);padding:1rem 1.25rem;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;box-shadow:var(--sh-md);max-width:860px;margin:0 auto;}\n.s-wrap{flex:1;min-width:180px;position:relative;display:flex;align-items:center;}\n.s-wrap svg{position:absolute;left:10px;width:15px;height:15px;stroke:var(--f70);fill:none;stroke-width:2;}\n.s-wrap input{width:100%;padding:9px 10px 9px 32px;font-family:'DM Sans',sans-serif;font-size:.875rem;border:1.5px solid var(--cream-dk);border-radius:var(--r-md);background:var(--white);color:var(--forest);outline:none;}\n.s-wrap input:focus{border-color:var(--forest);}\n.s-sel{padding:9px 12px;font-family:'DM Sans',sans-serif;font-size:.82rem;border:1.5px solid var(--cream-dk);border-radius:var(--r-md);background:var(--white);color:var(--forest);outline:none;cursor:pointer;}\n.s-online{display:flex;align-items:center;gap:6px;padding:9px 12px;border:1.5px solid var(--cream-dk);border-radius:var(--r-md);background:var(--white);cursor:pointer;font-size:.82rem;font-family:'DM Sans',sans-serif;color:var(--forest);user-select:none;transition:all .15s;white-space:nowrap;}\n.s-online input{display:none;}\n.s-online .dot{width:8px;height:8px;border-radius:50%;background:var(--f70);flex-shrink:0;}\n.s-online.on{background:var(--sky-pale);border-color:var(--sky);color:#1a6a80;}\n.s-online.on .dot{background:#1a6a80;}\n.wrap{max-width:1060px;margin:0 auto;padding:0 1.5rem;}\n.toolbar{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0 .875rem;}\n.rc{font-size:.83rem;color:var(--f70);}\n.rc strong{color:var(--forest);font-weight:600;}\n.vbtns{display:flex;gap:4px;}\n.vbtn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1.5px solid #F0E0C0 !important;border-radius:6px;background:#fff !important;cursor:pointer;color:#1C3333 !important;transition:all .15s;font-size:14px;line-height:1;box-shadow:none !important;outline:none;}\n.vbtn:hover{border-color:#1C3333 !important;color:#1C3333 !important;background:#fff !important;}\n.vbtn.act{background:#1C3333 !important;border-color:#1C3333 !important;color:#FFF2D9 !important;}\n.vbtn:not(.act) .vbtn-icon{stroke:#1C3333 !important;}\n.vbtn.act .vbtn-icon{stroke:#FFF2D9 !important;}\n.map-layout{display:grid;grid-template-columns:1fr 320px;gap:12px;height:540px;padding-bottom:2rem;}\n#pyh-map{border-radius:var(--r-lg);overflow:hidden;border:1.5px solid var(--cream-dk);box-shadow:var(--sh-sm);height:100%;}\n.side-list{overflow-y:auto;display:flex;flex-direction:column;gap:7px;height:100%;padding-right:2px;}\n.side-list::-webkit-scrollbar{width:4px;}\n.side-list::-webkit-scrollbar-thumb{background:var(--cream-dk);border-radius:2px;}\n.pro-card{background:var(--white);border:1.5px solid var(--cream-dk);border-radius:var(--r-md);padding:.8rem .95rem;cursor:pointer;transition:all .15s;}\n.pro-card:hover,.pro-card.hl{border-color:var(--sky);background:var(--sky-pale);}\n.ct{display:flex;align-items:center;gap:9px;margin-bottom:5px;}\n.av{width:34px;height:34px;border-radius:50%;background:var(--forest);color:var(--cream);display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;flex-shrink:0;}\n.cn{font-size:.83rem;font-weight:600;color:var(--forest);}\n.cy{font-size:.72rem;color:var(--f70);margin-top:1px;}\n.cd{font-size:.76rem;color:var(--f70);line-height:1.4;margin-bottom:5px;}\n.cf{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap;}\n.cl{font-size:.7rem;color:var(--f70);display:flex;align-items:center;gap:3px;}\n.cl svg{width:9px;height:9px;stroke:currentColor;fill:none;stroke-width:2.5;}\n.ton{font-size:.65rem;font-weight:600;background:var(--sky-pale);color:#1a6a80;padding:2px 6px;border-radius:20px;}\n.clink{font-size:.7rem;font-weight:600;color:var(--forest);text-decoration:none;opacity:.55;transition:opacity .15s;}\n.clink:hover{opacity:1;}\n.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:11px;padding-bottom:2rem;}\n.list-view{display:flex;flex-direction:column;gap:7px;padding-bottom:2rem;}\n.li{background:var(--white);border:1.5px solid var(--cream-dk);border-radius:var(--r-md);padding:.8rem 1.1rem;display:flex;align-items:center;gap:12px;transition:border-color .15s;}\n.li:hover{border-color:var(--forest);}\n.li-info{flex:1;min-width:0;}\n.li-top{display:flex;align-items:baseline;gap:7px;margin-bottom:2px;flex-wrap:wrap;}\n.li-name{font-size:.875rem;font-weight:600;color:var(--forest);}\n.li-badge{font-size:.68rem;font-weight:500;background:var(--f10);color:var(--forest);padding:2px 8px;border-radius:20px;white-space:nowrap;}\n.li-desc{font-size:.78rem;color:var(--f70);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}\n.li-loc{font-size:.72rem;color:var(--f70);margin-top:2px;display:flex;align-items:center;gap:3px;}\n.li-loc svg{width:9px;height:9px;stroke:currentColor;fill:none;stroke-width:2.5;}\n.hidden{display:none!important;}\n.empty{text-align:center;padding:3rem 1rem;font-size:.875rem;color:var(--f70);}\n.loading{text-align:center;padding:3rem 1rem;font-size:.875rem;color:var(--f70);}\n.loading::after{content:'';display:inline-block;width:16px;height:16px;border:2px solid var(--cream-dk);border-top-color:var(--forest);border-radius:50%;animation:spin .7s linear infinite;margin-left:8px;vertical-align:middle;}\n@keyframes spin{to{transform:rotate(360deg);}}\n.leaflet-popup-content-wrapper{border-radius:10px!important;font-family:'DM Sans',sans-serif!important;box-shadow:0 4px 16px rgba(28,51,51,.15)!important;}\n@media(max-width:720px){.map-layout{grid-template-columns:1fr;height:auto;}#pyh-map{height:300px;}.side-list{height:280px;}}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"hero\">\n <div class=\"hero-eye\">Zorgprofessionals<\/div>\n <h1>Vind de juiste <em>holistische<\/em> professional<\/h1>\n <p>Een zorgvuldig samengesteld netwerk van professionals die gezondheid als geheel zien.<\/p>\n<\/div>\n\n<div class=\"search-zone\">\n <div class=\"search-box\">\n <div class=\"s-wrap\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/><\/svg>\n <input type=\"text\" id=\"pyh-search\" placeholder=\"Naam of specialisme\u2026\" oninput=\"pyh.filter()\">\n <\/div>\n <select class=\"s-sel\" id=\"pyh-type\" onchange=\"pyh.filter()\">\n <option value=\"\">Alle specialismen<\/option>\n <option>Acupunctuur<\/option>\n <option>Holistisch arts<\/option>\n <option>Osteopaat<\/option>\n <option>Functional Medicine arts<\/option>\n <option>Functional Medicine practitioner<\/option>\n <option>Voedingsdeskundige<\/option>\n <option>Coach<\/option>\n <option>Hypnotherapeut<\/option>\n <option>Fysiotherapeut<\/option>\n <\/select>\n <select class=\"s-sel\" id=\"pyh-city\" onchange=\"pyh.filter()\">\n <option value=\"\">Alle plaatsen<\/option>\n <\/select>\n <label class=\"s-online\" id=\"pyh-onlinelbl\">\n <input type=\"checkbox\" id=\"pyh-online\" onchange=\"pyh.toggleOnline();pyh.filter()\">\n <span class=\"dot\"><\/span>\n Online beschikbaar\n <\/label>\n <\/div>\n<\/div>\n\n<div class=\"wrap\">\n <div class=\"toolbar\">\n <div class=\"rc\"><strong id=\"pyh-count\">\u2014<\/strong> professionals gevonden<\/div>\n <div class=\"vbtns\">\n <button class=\"vbtn act\" id=\"pyh-vmap\" onclick=\"pyh.setView('map')\" title=\"Kaart\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" style=\"stroke:#FFF2D9;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;\" class=\"vbtn-icon\"><path d=\"M1 6l7-4 8 4 7-4v16l-7 4-8-4-7 4V6z\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"18\"\/><line x1=\"16\" y1=\"6\" x2=\"16\" y2=\"22\"\/><\/svg><\/button>\n <button class=\"vbtn\" id=\"pyh-vgrid\" onclick=\"pyh.setView('grid')\" title=\"Tegels\">\u229e<\/button>\n <button class=\"vbtn\" id=\"pyh-vlist\" onclick=\"pyh.setView('list')\" title=\"Lijst\">\u2630<\/button>\n <\/div>\n <\/div>\n\n <div id=\"pyh-mapview\" class=\"map-layout\">\n <div id=\"pyh-map\"><\/div>\n <div id=\"pyh-sidelist\" class=\"side-list\"><div class=\"loading\">Professionals laden<\/div><\/div>\n <\/div>\n <div id=\"pyh-gridview\" class=\"grid-view hidden\"><\/div>\n <div id=\"pyh-listview\" class=\"list-view hidden\"><\/div>\n<\/div>\n\n<script>\n\/\/ ============================================================\n\/\/ SUPABASE CONFIGURATIE \u2014 vul jouw gegevens in\n\/\/ ============================================================\nvar SUPABASE_URL = 'https:\/\/bxsmdrthfdgralhbxpsp.supabase.co'; \/\/ bijv. https:\/\/xyzxyz.supabase.co\nvar SUPABASE_ANON_KEY = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImJ4c21kcnRoZmRncmFsaGJ4cHNwIiwicm9sZSI6ImFub24iLCJpYXQiOjE3ODA0NDg3OTgsImV4cCI6MjA5NjAyNDc5OH0.XNBh7AX2JfmWNcLaA41PWyOagItoURvb5xKbKYxxC6c'; \/\/ begint met \"eyJ...\"\n\/\/ ============================================================\n\n(function() {\n\nvar DATA = [];\nvar filtered = [];\nvar view = 'map';\nvar map = null;\nvar markers = [];\nvar activeId = null;\n\n\/\/ Supabase API aanroepen\nasync function supabaseFetch(path, options) {\n var res = await fetch(SUPABASE_URL + '\/rest\/v1\/' + path, Object.assign({\n headers: {\n 'apikey': SUPABASE_ANON_KEY,\n 'Authorization': 'Bearer ' + SUPABASE_ANON_KEY,\n 'Content-Type': 'application\/json'\n }\n }, options || {}));\n if (!res.ok) throw new Error('Supabase fout: ' + res.status);\n return res.json();\n}\n\n\/\/ Professionals laden vanuit Supabase\nasync function loadProfessionals() {\n try {\n var rows = await supabaseFetch('professionals?status=eq.live&select=id,voornaam,achternaam,specialismen,stad,online,beschrijving,website,lat,lng&order=goedgekeurd_op.desc');\n DATA = rows.map(function(r) {\n return {\n id: r.id,\n name: r.voornaam + ' ' + r.achternaam,\n type: (r.specialismen && r.specialismen[0]) || '',\n city: r.stad || '',\n online: r.online || false,\n desc: r.beschrijving || '',\n url: r.website ? (r.website.startsWith('http') ? r.website : 'https:\/\/' + r.website) : '#',\n lat: parseFloat(r.lat) || 52.2,\n lng: parseFloat(r.lng) || 5.3\n };\n });\n filtered = DATA.slice();\n document.getElementById('pyh-count').textContent = DATA.length;\n populateCityFilter();\n renderAll();\n } catch(e) {\n console.error('Laden mislukt:', e);\n document.getElementById('pyh-sidelist').innerHTML = '<div class=\"empty\">Kon professionals niet laden. Controleer de Supabase configuratie.<\/div>';\n }\n}\n\nfunction populateCityFilter() {\n var cities = [...new Set(DATA.map(function(p){ return p.city; }).filter(Boolean))].sort();\n var sel = document.getElementById('pyh-city');\n cities.forEach(function(c) {\n var opt = document.createElement('option');\n opt.value = c; opt.textContent = c;\n sel.appendChild(opt);\n });\n}\n\nfunction ini(n) {\n var parts = n.split(' ');\n return ((parts[0]||'')[0]||'') + ((parts[parts.length-1]||'')[0]||'');\n}\nfunction locSvg() {\n return '<svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>';\n}\n\nfunction cardHTML(p) {\n return '<div class=\"pro-card'+(activeId===p.id?' hl':'')+'\" id=\"pyh-card-'+p.id+'\" onclick=\"pyh.focusPin(\\''+p.id+'\\','+p.lat+','+p.lng+')\">' +\n '<div class=\"ct\"><div class=\"av\">'+ini(p.name)+'<\/div><div><div class=\"cn\">'+p.name+'<\/div><div class=\"cy\">'+p.type+'<\/div><\/div><\/div>' +\n '<div class=\"cd\">'+p.desc+'<\/div>' +\n '<div class=\"cf\"><span class=\"cl\">'+locSvg()+' '+p.city+(p.online?' <span class=\"ton\">online<\/span>':'')+'<\/span>' +\n '<a class=\"clink\" href=\"'+p.url+'\" target=\"_blank\">Website \u2192<\/a><\/div><\/div>';\n}\nfunction gridCardHTML(p) {\n return '<div class=\"pro-card\">' +\n '<div class=\"ct\"><div class=\"av\">'+ini(p.name)+'<\/div><div><div class=\"cn\">'+p.name+'<\/div><div class=\"cy\">'+p.type+'<\/div><\/div><\/div>' +\n '<div class=\"cd\">'+p.desc+'<\/div>' +\n '<div class=\"cf\"><span class=\"cl\">'+locSvg()+' '+p.city+(p.online?' <span class=\"ton\">online<\/span>':'')+'<\/span>' +\n '<a class=\"clink\" href=\"'+p.url+'\" target=\"_blank\">Website \u2192<\/a><\/div><\/div>';\n}\nfunction listItemHTML(p) {\n return '<div class=\"li\"><div class=\"av\">'+ini(p.name)+'<\/div>' +\n '<div class=\"li-info\"><div class=\"li-top\"><span class=\"li-name\">'+p.name+'<\/span><span class=\"li-badge\">'+p.type+'<\/span>'+(p.online?'<span class=\"ton\">online<\/span>':'')+'<\/div>' +\n '<div class=\"li-desc\">'+p.desc+'<\/div><div class=\"li-loc\">'+locSvg()+' '+p.city+'<\/div><\/div>' +\n '<a class=\"clink\" href=\"'+p.url+'\" target=\"_blank\">Website \u2192<\/a><\/div>';\n}\n\nfunction makeIcon(count, active) {\n var bg='#1C3333', border=active?'#A8E0F0':'#FFF2D9', bw=active?3:2, size=count>1?36:30;\n var inner = count>1\n ? '<text x=\"'+(size\/2)+'\" y=\"'+(size\/2+5)+'\" text-anchor=\"middle\" font-size=\"12\" font-weight=\"700\" fill=\"'+(active?'#A8E0F0':'#FFF2D9')+'\" font-family=\"sans-serif\">'+count+'<\/text>'\n : '<circle cx=\"'+(size\/2)+'\" cy=\"'+(size\/2)+'\" r=\"5\" fill=\"'+(active?'#A8E0F0':'#FFF2D9')+'\"\/>';\n return window.L.divIcon({\n html: '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"'+size+'\" height=\"'+(size+10)+'\" viewBox=\"0 0 '+size+' '+(size+10)+'\">' +\n '<circle cx=\"'+(size\/2)+'\" cy=\"'+(size\/2)+'\" r=\"'+(size\/2-2)+'\" fill=\"'+bg+'\" stroke=\"'+border+'\" stroke-width=\"'+bw+'\"\/>'+inner+\n '<polygon points=\"'+(size\/2-5)+','+(size-1)+' '+(size\/2+5)+','+(size-1)+' '+(size\/2)+','+(size+8)+'\" fill=\"'+bg+'\"\/><\/svg>',\n className:'', iconSize:[size,size+10], iconAnchor:[size\/2,size+10], popupAnchor:[0,-(size+4)]\n });\n}\n\nfunction renderMap() {\n if (!window.L) return;\n if (!map) {\n map = window.L.map('pyh-map').setView([52.2,5.3],7);\n window.L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png',{\n attribution:'\u00a9 <a href=\"https:\/\/openstreetmap.org\">OpenStreetMap<\/a>', maxZoom:18\n }).addTo(map);\n }\n markers.forEach(function(m){map.removeLayer(m);}); markers=[];\n var groups={};\n filtered.forEach(function(p){(groups[p.city]=groups[p.city]||[]).push(p);});\n Object.keys(groups).forEach(function(city){\n var ps=groups[city], active=ps.some(function(p){return p.id===activeId;});\n var m=window.L.marker([ps[0].lat,ps[0].lng],{icon:makeIcon(ps.length,active)}).addTo(map);\n var html=ps.map(function(p){\n return '<div style=\"padding:4px 0;margin-bottom:4px;border-bottom:1px solid #f0e0c0;font-family:sans-serif;\">' +\n '<div style=\"font-weight:700;font-size:13px;color:#1C3333;\">'+p.name+'<\/div>' +\n '<div style=\"font-size:12px;color:#666;margin:2px 0;\">'+p.type+(p.online?' \u00b7 <span style=\"color:#1a6a80;\">online<\/span>':'')+'<\/div>' +\n '<div style=\"font-size:11px;color:#888;margin-bottom:3px;\">'+p.desc.substring(0,60)+'\u2026<\/div>' +\n '<a href=\"'+p.url+'\" style=\"font-size:12px;color:#1C3333;font-weight:600;text-decoration:none;\">Website \u2192<\/a><\/div>';\n }).join('');\n m.bindPopup('<div style=\"min-width:180px;\">'+html+'<\/div>',{maxWidth:230});\n m.on('click',function(){activeId=ps[0].id;hlCards(ps.map(function(p){return p.id;}));renderMap();});\n markers.push(m);\n });\n}\n\nfunction renderSideList() {\n var el=document.getElementById('pyh-sidelist');\n if(!filtered.length){el.innerHTML='<div class=\"empty\">Geen professionals gevonden.<\/div>';return;}\n el.innerHTML=filtered.map(cardHTML).join('');\n}\nfunction renderGrid() {\n var el=document.getElementById('pyh-gridview');\n if(!filtered.length){el.innerHTML='<div class=\"empty\">Geen professionals gevonden.<\/div>';return;}\n el.innerHTML=filtered.map(gridCardHTML).join('');\n}\nfunction renderList() {\n var el=document.getElementById('pyh-listview');\n if(!filtered.length){el.innerHTML='<div class=\"empty\">Geen professionals gevonden.<\/div>';return;}\n el.innerHTML=filtered.map(listItemHTML).join('');\n}\n\nfunction renderAll() {\n if(view==='map'){renderMap();renderSideList();}\n else if(view==='grid') renderGrid();\n else renderList();\n}\n\nfunction hlCards(ids) {\n document.querySelectorAll('.pro-card').forEach(function(el){\n el.classList.toggle('hl',ids.indexOf(el.id.replace('pyh-card-',''))>-1);\n });\n var first=document.getElementById('pyh-card-'+ids[0]);\n if(first) first.scrollIntoView({behavior:'smooth',block:'nearest'});\n}\n\nwindow.pyh = {\n filter: function() {\n var q=document.getElementById('pyh-search').value.toLowerCase();\n var t=document.getElementById('pyh-type').value;\n var c=document.getElementById('pyh-city').value;\n var o=document.getElementById('pyh-online').checked;\n filtered=DATA.filter(function(p){\n return (!q||p.name.toLowerCase().indexOf(q)>-1||p.type.toLowerCase().indexOf(q)>-1)\n &&(!t||p.type===t)&&(!c||p.city===c)&&(!o||p.online);\n });\n document.getElementById('pyh-count').textContent=filtered.length;\n renderAll();\n },\n toggleOnline: function(){\n document.getElementById('pyh-onlinelbl').classList.toggle('on',document.getElementById('pyh-online').checked);\n },\n setView: function(v){\n view=v;\n document.getElementById('pyh-mapview').classList.toggle('hidden',v!=='map');\n document.getElementById('pyh-gridview').classList.toggle('hidden',v!=='grid');\n document.getElementById('pyh-listview').classList.toggle('hidden',v!=='list');\n ['map','grid','list'].forEach(function(n){document.getElementById('pyh-v'+n).classList.toggle('act',n===v);});\n \/\/ Update SVG stroke for map icon based on active state\n var mapIcon = document.querySelector('#pyh-vmap .vbtn-icon');\n if(mapIcon) mapIcon.style.stroke = v==='map' ? '#FFF2D9' : '#1C3333';\n if(v==='map'){setTimeout(function(){if(map)map.invalidateSize();},80);renderMap();renderSideList();}\n else if(v==='grid') renderGrid();\n else renderList();\n },\n focusPin: function(id,lat,lng){\n activeId=id;\n if(map) map.setView([lat,lng],13,{animate:true});\n hlCards([id]); renderMap();\n }\n};\n\nfunction loadLeaflet(cb){\n if(window.L){cb();return;}\n var css=document.createElement('link');css.rel='stylesheet';css.href='https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css';document.head.appendChild(css);\n var js=document.createElement('script');js.src='https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js';js.onload=cb;document.head.appendChild(js);\n}\n\nloadLeaflet(function(){loadProfessionals();});\n\n})();\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Vind een professional \u2014 Practice Your Health Zorgprofessionals Vind de juiste holistische professional Een zorgvuldig samengesteld netwerk van professionals die gezondheid als geheel zien. Alle specialismenAcupunctuurHolistisch artsOsteopaatFunctional Medicine artsFunctional Medicine practitionerVoedingsdeskundigeCoachHypnotherapeutFysiotherapeut Alle plaatsen Online beschikbaar \u2014 professionals gevonden \u229e \u2630 Professionals laden<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1083","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/practiceyourhealth.com\/en\/wp-json\/wp\/v2\/pages\/1083","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/practiceyourhealth.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/practiceyourhealth.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/practiceyourhealth.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/practiceyourhealth.com\/en\/wp-json\/wp\/v2\/comments?post=1083"}],"version-history":[{"count":29,"href":"https:\/\/practiceyourhealth.com\/en\/wp-json\/wp\/v2\/pages\/1083\/revisions"}],"predecessor-version":[{"id":1156,"href":"https:\/\/practiceyourhealth.com\/en\/wp-json\/wp\/v2\/pages\/1083\/revisions\/1156"}],"wp:attachment":[{"href":"https:\/\/practiceyourhealth.com\/en\/wp-json\/wp\/v2\/media?parent=1083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nVind een professional \u2014 Practice Your Health<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n --forest:#1C3333;--cream:#FFF2D9;--sky:#A8E0F0;\n --f70:rgba(28,51,51,.7);--f10:rgba(28,51,51,.07);\n --sky-pale:#E6F6FB;--cream-dk:#F0E0C0;--white:#fff;\n --r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;\n --sh-sm:0 1px 4px rgba(28,51,51,.08);--sh-md:0 4px 16px rgba(28,51,51,.12);\n}\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}\nbody{font-family:'DM Sans',sans-serif;background:var(--cream);color:var(--forest);}\n.hero{background:var(--forest);padding:2.5rem 2rem 2rem;text-align:center;}\n.hero-eye{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sky);margin-bottom:.6rem;font-weight:500;}\n.hero h1{font-family:'DM Serif Display',serif;font-size:clamp(1.6rem,4vw,2.4rem);color:var(--cream);line-height:1.15;margin-bottom:.6rem;}\n.hero h1 em{color:var(--sky);font-style:italic;}\n.hero p{font-size:.9rem;color:rgba(255,242,217,.6);max-width:440px;margin:0 auto;line-height:1.6;}\n.search-zone{background:var(--forest);padding:0 1.5rem 2rem;}\n.search-box{background:var(--cream);border-radius:var(--r-xl);padding:1rem 1.25rem;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;box-shadow:var(--sh-md);max-width:860px;margin:0 auto;}\n.s-wrap{flex:1;min-width:180px;position:relative;display:flex;align-items:center;}\n.s-wrap svg{position:absolute;left:10px;width:15px;height:15px;stroke:var(--f70);fill:none;stroke-width:2;}\n.s-wrap input{width:100%;padding:9px 10px 9px 32px;font-family:'DM Sans',sans-serif;font-size:.875rem;border:1.5px solid var(--cream-dk);border-radius:var(--r-md);background:var(--white);color:var(--forest);outline:none;}\n.s-wrap input:focus{border-color:var(--forest);}\n.s-sel{padding:9px 12px;font-family:'DM Sans',sans-serif;font-size:.82rem;border:1.5px solid var(--cream-dk);border-radius:var(--r-md);background:var(--white);color:var(--forest);outline:none;cursor:pointer;}\n.s-online{display:flex;align-items:center;gap:6px;padding:9px 12px;border:1.5px solid var(--cream-dk);border-radius:var(--r-md);background:var(--white);cursor:pointer;font-size:.82rem;font-family:'DM Sans',sans-serif;color:var(--forest);user-select:none;transition:all .15s;white-space:nowrap;}\n.s-online input{display:none;}\n.s-online .dot{width:8px;height:8px;border-radius:50%;background:var(--f70);flex-shrink:0;}\n.s-online.on{background:var(--sky-pale);border-color:var(--sky);color:#1a6a80;}\n.s-online.on .dot{background:#1a6a80;}\n.wrap{max-width:1060px;margin:0 auto;padding:0 1.5rem;}\n.toolbar{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0 .875rem;}\n.rc{font-size:.83rem;color:var(--f70);}\n.rc strong{color:var(--forest);font-weight:600;}\n.vbtns{display:flex;gap:4px;}\n.vbtn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1.5px solid #F0E0C0 !important;border-radius:6px;background:#fff !important;cursor:pointer;color:#1C3333 !important;transition:all .15s;font-size:14px;line-height:1;box-shadow:none !important;outline:none;}\n.vbtn:hover{border-color:#1C3333 !important;color:#1C3333 !important;background:#fff !important;}\n.vbtn.act{background:#1C3333 !important;border-color:#1C3333 !important;color:#FFF2D9 !important;}\n.vbtn:not(.act) .vbtn-icon{stroke:#1C3333 !important;}\n.vbtn.act .vbtn-icon{stroke:#FFF2D9 !important;}\n.map-layout{display:grid;grid-template-columns:1fr 320px;gap:12px;height:540px;padding-bottom:2rem;}\n#pyh-map{border-radius:var(--r-lg);overflow:hidden;border:1.5px solid var(--cream-dk);box-shadow:var(--sh-sm);height:100%;}\n.side-list{overflow-y:auto;display:flex;flex-direction:column;gap:7px;height:100%;padding-right:2px;}\n.side-list::-webkit-scrollbar{width:4px;}\n.side-list::-webkit-scrollbar-thumb{background:var(--cream-dk);border-radius:2px;}\n.pro-card{background:var(--white);border:1.5px solid var(--cream-dk);border-radius:var(--r-md);padding:.8rem .95rem;cursor:pointer;transition:all .15s;}\n.pro-card:hover,.pro-card.hl{border-color:var(--sky);background:var(--sky-pale);}\n.ct{display:flex;align-items:center;gap:9px;margin-bottom:5px;}\n.av{width:34px;height:34px;border-radius:50%;background:var(--forest);color:var(--cream);display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;flex-shrink:0;}\n.cn{font-size:.83rem;font-weight:600;color:var(--forest);}\n.cy{font-size:.72rem;color:var(--f70);margin-top:1px;}\n.cd{font-size:.76rem;color:var(--f70);line-height:1.4;margin-bottom:5px;}\n.cf{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap;}\n.cl{font-size:.7rem;color:var(--f70);display:flex;align-items:center;gap:3px;}\n.cl svg{width:9px;height:9px;stroke:currentColor;fill:none;stroke-width:2.5;}\n.ton{font-size:.65rem;font-weight:600;background:var(--sky-pale);color:#1a6a80;padding:2px 6px;border-radius:20px;}\n.clink{font-size:.7rem;font-weight:600;color:var(--forest);text-decoration:none;opacity:.55;transition:opacity .15s;}\n.clink:hover{opacity:1;}\n.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:11px;padding-bottom:2rem;}\n.list-view{display:flex;flex-direction:column;gap:7px;padding-bottom:2rem;}\n.li{background:var(--white);border:1.5px solid var(--cream-dk);border-radius:var(--r-md);padding:.8rem 1.1rem;display:flex;align-items:center;gap:12px;transition:border-color .15s;}\n.li:hover{border-color:var(--forest);}\n.li-info{flex:1;min-width:0;}\n.li-top{display:flex;align-items:baseline;gap:7px;margin-bottom:2px;flex-wrap:wrap;}\n.li-name{font-size:.875rem;font-weight:600;color:var(--forest);}\n.li-badge{font-size:.68rem;font-weight:500;background:var(--f10);color:var(--forest);padding:2px 8px;border-radius:20px;white-space:nowrap;}\n.li-desc{font-size:.78rem;color:var(--f70);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}\n.li-loc{font-size:.72rem;color:var(--f70);margin-top:2px;display:flex;align-items:center;gap:3px;}\n.li-loc svg{width:9px;height:9px;stroke:currentColor;fill:none;stroke-width:2.5;}\n.hidden{display:none!important;}\n.empty{text-align:center;padding:3rem 1rem;font-size:.875rem;color:var(--f70);}\n.loading{text-align:center;padding:3rem 1rem;font-size:.875rem;color:var(--f70);}\n.loading::after{content:'';display:inline-block;width:16px;height:16px;border:2px solid var(--cream-dk);border-top-color:var(--forest);border-radius:50%;animation:spin .7s linear infinite;margin-left:8px;vertical-align:middle;}\n@keyframes spin{to{transform:rotate(360deg);}}\n.leaflet-popup-content-wrapper{border-radius:10px!important;font-family:'DM Sans',sans-serif!important;box-shadow:0 4px 16px rgba(28,51,51,.15)!important;}\n@media(max-width:720px){.map-layout{grid-template-columns:1fr;height:auto;}#pyh-map{height:300px;}.side-list{height:280px;}}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"hero\">\n <div class=\"hero-eye\">Zorgprofessionals<\/div>\n <h1>Vind de juiste <em>holistische<\/em> professional<\/h1>\n <p>Een zorgvuldig samengesteld netwerk van professionals die gezondheid als geheel zien.<\/p>\n<\/div>\n\n<div class=\"search-zone\">\n <div class=\"search-box\">\n <div class=\"s-wrap\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/><\/svg>\n <input type=\"text\" id=\"pyh-search\" placeholder=\"Naam of specialisme\u2026\" oninput=\"pyh.filter()\">\n <\/div>\n <select class=\"s-sel\" id=\"pyh-type\" onchange=\"pyh.filter()\">\n <option value=\"\">Alle specialismen<\/option>\n <option>Acupunctuur<\/option>\n <option>Holistisch arts<\/option>\n <option>Osteopaat<\/option>\n <option>Functional Medicine arts<\/option>\n <option>Functional Medicine practitioner<\/option>\n <option>Voedingsdeskundige<\/option>\n <option>Coach<\/option>\n <option>Hypnotherapeut<\/option>\n <option>Fysiotherapeut<\/option>\n <\/select>\n <select class=\"s-sel\" id=\"pyh-city\" onchange=\"pyh.filter()\">\n <option value=\"\">Alle plaatsen<\/option>\n <\/select>\n <label class=\"s-online\" id=\"pyh-onlinelbl\">\n <input type=\"checkbox\" id=\"pyh-online\" onchange=\"pyh.toggleOnline();pyh.filter()\">\n <span class=\"dot\"><\/span>\n Online beschikbaar\n <\/label>\n <\/div>\n<\/div>\n\n<div class=\"wrap\">\n <div class=\"toolbar\">\n <div class=\"rc\"><strong id=\"pyh-count\">\u2014<\/strong> professionals gevonden<\/div>\n <div class=\"vbtns\">\n <button class=\"vbtn act\" id=\"pyh-vmap\" onclick=\"pyh.setView('map')\" title=\"Kaart\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" style=\"stroke:#FFF2D9;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;\" class=\"vbtn-icon\"><path d=\"M1 6l7-4 8 4 7-4v16l-7 4-8-4-7 4V6z\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"18\"\/><line x1=\"16\" y1=\"6\" x2=\"16\" y2=\"22\"\/><\/svg><\/button>\n <button class=\"vbtn\" id=\"pyh-vgrid\" onclick=\"pyh.setView('grid')\" title=\"Tegels\">\u229e<\/button>\n <button class=\"vbtn\" id=\"pyh-vlist\" onclick=\"pyh.setView('list')\" title=\"Lijst\">\u2630<\/button>\n <\/div>\n <\/div>\n\n <div id=\"pyh-mapview\" class=\"map-layout\">\n <div id=\"pyh-map\"><\/div>\n <div id=\"pyh-sidelist\" class=\"side-list\"><div class=\"loading\">Professionals laden<\/div><\/div>\n <\/div>\n <div id=\"pyh-gridview\" class=\"grid-view hidden\"><\/div>\n <div id=\"pyh-listview\" class=\"list-view hidden\"><\/div>\n<\/div>\n\n<script>\n\/\/ ============================================================\n\/\/ SUPABASE CONFIGURATIE \u2014 vul jouw gegevens in\n\/\/ ============================================================\nvar SUPABASE_URL = 'https:\/\/bxsmdrthfdgralhbxpsp.supabase.co'; \/\/ bijv. https:\/\/xyzxyz.supabase.co\nvar SUPABASE_ANON_KEY = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImJ4c21kcnRoZmRncmFsaGJ4cHNwIiwicm9sZSI6ImFub24iLCJpYXQiOjE3ODA0NDg3OTgsImV4cCI6MjA5NjAyNDc5OH0.XNBh7AX2JfmWNcLaA41PWyOagItoURvb5xKbKYxxC6c'; \/\/ begint met \"eyJ...\"\n\/\/ ============================================================\n\n(function() {\n\nvar DATA = [];\nvar filtered = [];\nvar view = 'map';\nvar map = null;\nvar markers = [];\nvar activeId = null;\n\n\/\/ Supabase API aanroepen\nasync function supabaseFetch(path, options) {\n var res = await fetch(SUPABASE_URL + '\/rest\/v1\/' + path, Object.assign({\n headers: {\n 'apikey': SUPABASE_ANON_KEY,\n 'Authorization': 'Bearer ' + SUPABASE_ANON_KEY,\n 'Content-Type': 'application\/json'\n }\n }, options || {}));\n if (!res.ok) throw new Error('Supabase fout: ' + res.status);\n return res.json();\n}\n\n\/\/ Professionals laden vanuit Supabase\nasync function loadProfessionals() {\n try {\n var rows = await supabaseFetch('professionals?status=eq.live&select=id,voornaam,achternaam,specialismen,stad,online,beschrijving,website,lat,lng&order=goedgekeurd_op.desc');\n DATA = rows.map(function(r) {\n return {\n id: r.id,\n name: r.voornaam + ' ' + r.achternaam,\n type: (r.specialismen && r.specialismen[0]) || '',\n city: r.stad || '',\n online: r.online || false,\n desc: r.beschrijving || '',\n url: r.website ? (r.website.startsWith('http') ? r.website : 'https:\/\/' + r.website) : '#',\n lat: parseFloat(r.lat) || 52.2,\n lng: parseFloat(r.lng) || 5.3\n };\n });\n filtered = DATA.slice();\n document.getElementById('pyh-count').textContent = DATA.length;\n populateCityFilter();\n renderAll();\n } catch(e) {\n console.error('Laden mislukt:', e);\n document.getElementById('pyh-sidelist').innerHTML = '<div class=\"empty\">Kon professionals niet laden. Controleer de Supabase configuratie.<\/div>';\n }\n}\n\nfunction populateCityFilter() {\n var cities = [...new Set(DATA.map(function(p){ return p.city; }).filter(Boolean))].sort();\n var sel = document.getElementById('pyh-city');\n cities.forEach(function(c) {\n var opt = document.createElement('option');\n opt.value = c; opt.textContent = c;\n sel.appendChild(opt);\n });\n}\n\nfunction ini(n) {\n var parts = n.split(' ');\n return ((parts[0]||'')[0]||'') + ((parts[parts.length-1]||'')[0]||'');\n}\nfunction locSvg() {\n return '<svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>';\n}\n\nfunction cardHTML(p) {\n return '<div class=\"pro-card'+(activeId===p.id?' hl':'')+'\" id=\"pyh-card-'+p.id+'\" onclick=\"pyh.focusPin(\\''+p.id+'\\','+p.lat+','+p.lng+')\">' +\n '<div class=\"ct\"><div class=\"av\">'+ini(p.name)+'<\/div><div><div class=\"cn\">'+p.name+'<\/div><div class=\"cy\">'+p.type+'<\/div><\/div><\/div>' +\n '<div class=\"cd\">'+p.desc+'<\/div>' +\n '<div class=\"cf\"><span class=\"cl\">'+locSvg()+' '+p.city+(p.online?' <span class=\"ton\">online<\/span>':'')+'<\/span>' +\n '<a class=\"clink\" href=\"'+p.url+'\" target=\"_blank\">Website \u2192<\/a><\/div><\/div>';\n}\nfunction gridCardHTML(p) {\n return '<div class=\"pro-card\">' +\n '<div class=\"ct\"><div class=\"av\">'+ini(p.name)+'<\/div><div><div class=\"cn\">'+p.name+'<\/div><div class=\"cy\">'+p.type+'<\/div><\/div><\/div>' +\n '<div class=\"cd\">'+p.desc+'<\/div>' +\n '<div class=\"cf\"><span class=\"cl\">'+locSvg()+' '+p.city+(p.online?' <span class=\"ton\">online<\/span>':'')+'<\/span>' +\n '<a class=\"clink\" href=\"'+p.url+'\" target=\"_blank\">Website \u2192<\/a><\/div><\/div>';\n}\nfunction listItemHTML(p) {\n return '<div class=\"li\"><div class=\"av\">'+ini(p.name)+'<\/div>' +\n '<div class=\"li-info\"><div class=\"li-top\"><span class=\"li-name\">'+p.name+'<\/span><span class=\"li-badge\">'+p.type+'<\/span>'+(p.online?'<span class=\"ton\">online<\/span>':'')+'<\/div>' +\n '<div class=\"li-desc\">'+p.desc+'<\/div><div class=\"li-loc\">'+locSvg()+' '+p.city+'<\/div><\/div>' +\n '<a class=\"clink\" href=\"'+p.url+'\" target=\"_blank\">Website \u2192<\/a><\/div>';\n}\n\nfunction makeIcon(count, active) {\n var bg='#1C3333', border=active?'#A8E0F0':'#FFF2D9', bw=active?3:2, size=count>1?36:30;\n var inner = count>1\n ? '<text x=\"'+(size\/2)+'\" y=\"'+(size\/2+5)+'\" text-anchor=\"middle\" font-size=\"12\" font-weight=\"700\" fill=\"'+(active?'#A8E0F0':'#FFF2D9')+'\" font-family=\"sans-serif\">'+count+'<\/text>'\n : '<circle cx=\"'+(size\/2)+'\" cy=\"'+(size\/2)+'\" r=\"5\" fill=\"'+(active?'#A8E0F0':'#FFF2D9')+'\"\/>';\n return window.L.divIcon({\n html: '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"'+size+'\" height=\"'+(size+10)+'\" viewBox=\"0 0 '+size+' '+(size+10)+'\">' +\n '<circle cx=\"'+(size\/2)+'\" cy=\"'+(size\/2)+'\" r=\"'+(size\/2-2)+'\" fill=\"'+bg+'\" stroke=\"'+border+'\" stroke-width=\"'+bw+'\"\/>'+inner+\n '<polygon points=\"'+(size\/2-5)+','+(size-1)+' '+(size\/2+5)+','+(size-1)+' '+(size\/2)+','+(size+8)+'\" fill=\"'+bg+'\"\/><\/svg>',\n className:'', iconSize:[size,size+10], iconAnchor:[size\/2,size+10], popupAnchor:[0,-(size+4)]\n });\n}\n\nfunction renderMap() {\n if (!window.L) return;\n if (!map) {\n map = window.L.map('pyh-map').setView([52.2,5.3],7);\n window.L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png',{\n attribution:'\u00a9 <a href=\"https:\/\/openstreetmap.org\">OpenStreetMap<\/a>', maxZoom:18\n }).addTo(map);\n }\n markers.forEach(function(m){map.removeLayer(m);}); markers=[];\n var groups={};\n filtered.forEach(function(p){(groups[p.city]=groups[p.city]||[]).push(p);});\n Object.keys(groups).forEach(function(city){\n var ps=groups[city], active=ps.some(function(p){return p.id===activeId;});\n var m=window.L.marker([ps[0].lat,ps[0].lng],{icon:makeIcon(ps.length,active)}).addTo(map);\n var html=ps.map(function(p){\n return '<div style=\"padding:4px 0;margin-bottom:4px;border-bottom:1px solid #f0e0c0;font-family:sans-serif;\">' +\n '<div style=\"font-weight:700;font-size:13px;color:#1C3333;\">'+p.name+'<\/div>' +\n '<div style=\"font-size:12px;color:#666;margin:2px 0;\">'+p.type+(p.online?' \u00b7 <span style=\"color:#1a6a80;\">online<\/span>':'')+'<\/div>' +\n '<div style=\"font-size:11px;color:#888;margin-bottom:3px;\">'+p.desc.substring(0,60)+'\u2026<\/div>' +\n '<a href=\"'+p.url+'\" style=\"font-size:12px;color:#1C3333;font-weight:600;text-decoration:none;\">Website \u2192<\/a><\/div>';\n }).join('');\n m.bindPopup('<div style=\"min-width:180px;\">'+html+'<\/div>',{maxWidth:230});\n m.on('click',function(){activeId=ps[0].id;hlCards(ps.map(function(p){return p.id;}));renderMap();});\n markers.push(m);\n });\n}\n\nfunction renderSideList() {\n var el=document.getElementById('pyh-sidelist');\n if(!filtered.length){el.innerHTML='<div class=\"empty\">Geen professionals gevonden.<\/div>';return;}\n el.innerHTML=filtered.map(cardHTML).join('');\n}\nfunction renderGrid() {\n var el=document.getElementById('pyh-gridview');\n if(!filtered.length){el.innerHTML='<div class=\"empty\">Geen professionals gevonden.<\/div>';return;}\n el.innerHTML=filtered.map(gridCardHTML).join('');\n}\nfunction renderList() {\n var el=document.getElementById('pyh-listview');\n if(!filtered.length){el.innerHTML='<div class=\"empty\">Geen professionals gevonden.<\/div>';return;}\n el.innerHTML=filtered.map(listItemHTML).join('');\n}\n\nfunction renderAll() {\n if(view==='map'){renderMap();renderSideList();}\n else if(view==='grid') renderGrid();\n else renderList();\n}\n\nfunction hlCards(ids) {\n document.querySelectorAll('.pro-card').forEach(function(el){\n el.classList.toggle('hl',ids.indexOf(el.id.replace('pyh-card-',''))>-1);\n });\n var first=document.getElementById('pyh-card-'+ids[0]);\n if(first) first.scrollIntoView({behavior:'smooth',block:'nearest'});\n}\n\nwindow.pyh = {\n filter: function() {\n var q=document.getElementById('pyh-search').value.toLowerCase();\n var t=document.getElementById('pyh-type').value;\n var c=document.getElementById('pyh-city').value;\n var o=document.getElementById('pyh-online').checked;\n filtered=DATA.filter(function(p){\n return (!q||p.name.toLowerCase().indexOf(q)>-1||p.type.toLowerCase().indexOf(q)>-1)\n &&(!t||p.type===t)&&(!c||p.city===c)&&(!o||p.online);\n });\n document.getElementById('pyh-count').textContent=filtered.length;\n renderAll();\n },\n toggleOnline: function(){\n document.getElementById('pyh-onlinelbl').classList.toggle('on',document.getElementById('pyh-online').checked);\n },\n setView: function(v){\n view=v;\n document.getElementById('pyh-mapview').classList.toggle('hidden',v!=='map');\n document.getElementById('pyh-gridview').classList.toggle('hidden',v!=='grid');\n document.getElementById('pyh-listview').classList.toggle('hidden',v!=='list');\n ['map','grid','list'].forEach(function(n){document.getElementById('pyh-v'+n).classList.toggle('act',n===v);});\n \/\/ Update SVG stroke for map icon based on active state\n var mapIcon = document.querySelector('#pyh-vmap .vbtn-icon');\n if(mapIcon) mapIcon.style.stroke = v==='map' ? '#FFF2D9' : '#1C3333';\n if(v==='map'){setTimeout(function(){if(map)map.invalidateSize();},80);renderMap();renderSideList();}\n else if(v==='grid') renderGrid();\n else renderList();\n },\n focusPin: function(id,lat,lng){\n activeId=id;\n if(map) map.setView([lat,lng],13,{animate:true});\n hlCards([id]); renderMap();\n }\n};\n\nfunction loadLeaflet(cb){\n if(window.L){cb();return;}\n var css=document.createElement('link');css.rel='stylesheet';css.href='https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css';document.head.appendChild(css);\n var js=document.createElement('script');js.src='https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js';js.onload=cb;document.head.appendChild(js);\n}\n\nloadLeaflet(function(){loadProfessionals();});\n\n})();\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Vind een professional \u2014 Practice Your Health Zorgprofessionals Vind de juiste holistische professional Een zorgvuldig samengesteld netwerk van professionals die gezondheid als geheel zien. Alle specialismenAcupunctuurHolistisch artsOsteopaatFunctional Medicine artsFunctional Medicine practitionerVoedingsdeskundigeCoachHypnotherapeutFysiotherapeut Alle plaatsen Online beschikbaar \u2014 professionals gevonden \u229e \u2630 Professionals laden<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1083","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/practiceyourhealth.com\/en\/wp-json\/wp\/v2\/pages\/1083","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/practiceyourhealth.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/practiceyourhealth.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/practiceyourhealth.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/practiceyourhealth.com\/en\/wp-json\/wp\/v2\/comments?post=1083"}],"version-history":[{"count":29,"href":"https:\/\/practiceyourhealth.com\/en\/wp-json\/wp\/v2\/pages\/1083\/revisions"}],"predecessor-version":[{"id":1156,"href":"https:\/\/practiceyourhealth.com\/en\/wp-json\/wp\/v2\/pages\/1083\/revisions\/1156"}],"wp:attachment":[{"href":"https:\/\/practiceyourhealth.com\/en\/wp-json\/wp\/v2\/media?parent=1083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}