Maak je profiel aan \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 --forest70:rgba(28,51,51,.7);--forest10:rgba(28,51,51,.07);\n --sky-pale:#E6F6FB;--cream-dark:#F0E0C0;--white:#fff;\n --red:#C0392B;--red-pale:#FDECEA;\n --radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;\n --shadow-sm:0 1px 4px rgba(28,51,51,.08);--shadow-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;color:var(--forest);}\n.page{width:100%;padding:0;}\n.inner{max-width:680px;margin:0 auto;padding:2.5rem 1.5rem 4rem;}\n.steps{display:flex;align-items:center;gap:0;margin-bottom:2.5rem;}\n.step{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--forest70);}\n.step.active{color:var(--forest);font-weight:600;}\n.step.done{color:var(--sky);}\n.step-num{width:24px;height:24px;border-radius:50%;border:1.5px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0;}\n.step.active .step-num{background:var(--forest);color:var(--cream);border-color:var(--forest);}\n.step.done .step-num{background:var(--sky);color:var(--forest);border-color:var(--sky);}\n.step-line{flex:1;height:1px;background:var(--cream-dark);margin:0 8px;}\n.invite-banner{background:var(--forest);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;margin-bottom:2rem;display:flex;gap:14px;align-items:flex-start;}\n.invite-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px;}\n.invite-banner h3{font-size:.9rem;font-weight:600;color:var(--cream);margin-bottom:4px;}\n.invite-banner p{font-size:.82rem;color:rgba(255,242,217,.7);line-height:1.55;}\n.section{margin-bottom:2rem;}\n.section-label{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--forest70);font-weight:600;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--cream-dark);}\n.field{margin-bottom:1.1rem;}\n.field label{display:flex;justify-content:space-between;align-items:baseline;font-size:.82rem;font-weight:600;color:var(--forest);margin-bottom:4px;}\n.field label .req{color:var(--sky);margin-left:2px;}\n.field label .opt{font-weight:400;color:var(--forest70);font-size:.75rem;}\n.field input,.field select,.field textarea{width:100%;padding:10px 13px;font-family:'DM Sans',sans-serif;font-size:.9rem;border:1.5px solid var(--cream-dark);border-radius:var(--radius-md);background:var(--white);color:var(--forest);outline:none;transition:border-color .2s,box-shadow .2s;}\n.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--forest);box-shadow:0 0 0 3px var(--forest10);}\n.field textarea{resize:vertical;min-height:88px;line-height:1.55;}\n.field .hint{font-size:.75rem;color:var(--forest70);margin-top:5px;line-height:1.4;}\n.field .char-count{font-size:.72rem;color:var(--forest70);}\n.field .char-count.over{color:var(--red);}\n.row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}\n.upload-area{display:block;border:2px dashed var(--cream-dark);border-radius:var(--radius-lg);padding:2rem 1.5rem;text-align:center;cursor:pointer;transition:all .2s;background:var(--white);width:100%;}\n.upload-area:hover{border-color:var(--forest);background:var(--cream);}\n.upload-area input[type=\"file\"]{display:none;}\n.upload-icon{font-size:2.2rem;display:block;margin-bottom:8px;line-height:1;}\n.upload-area p{font-size:.875rem;color:var(--forest);font-weight:500;margin-bottom:4px;}\n.upload-area span{font-size:.75rem;color:var(--forest70);display:block;}\n.upload-preview{display:flex;align-items:center;justify-content:center;gap:14px;}\n.upload-preview img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid var(--cream-dark);flex-shrink:0;}\n.upload-preview-text p{font-size:.85rem;color:var(--forest);font-weight:500;margin-bottom:3px;}\n.upload-preview-text span{font-size:.75rem;color:var(--forest70);}\n.spec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;}\n.spec-opt{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1.5px solid var(--cream-dark);border-radius:var(--radius-md);cursor:pointer;font-size:.82rem;color:var(--forest);background:var(--white);transition:all .15s;user-select:none;}\n.spec-opt input{accent-color:var(--forest);width:14px;height:14px;flex-shrink:0;}\n.spec-opt.selected{background:var(--forest);color:var(--cream);border-color:var(--forest);}\n.loc-toggles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:1rem;}\n.loc-opt{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1.5px solid var(--cream-dark);border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;color:var(--forest);background:var(--white);transition:all .15s;user-select:none;}\n.loc-opt input{display:none;}\n.loc-opt .loc-icon{font-size:1.1rem;}\n.loc-opt .loc-label{font-weight:500;}\n.loc-opt .loc-sub{font-size:.72rem;color:var(--forest70);}\n.loc-opt.active-loc{background:var(--forest);color:var(--cream);border-color:var(--forest);}\n.loc-opt.active-loc .loc-sub{color:rgba(255,242,217,.6);}\n.loc-opt.active-online{background:var(--sky-pale);color:#1a6a80;border-color:var(--sky);}\n.loc-opt.active-online .loc-sub{color:#1a6a80;opacity:.7;}\n.loc-fields{background:var(--white);border:1.5px solid var(--cream-dark);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1rem;}\n.online-fields{background:var(--sky-pale);border:1.5px solid var(--sky);border-radius:var(--radius-lg);padding:1.25rem;}\n.online-fields .field input,.online-fields .field select{border-color:#b5d4f0;}\n.hidden{display:none;}\n.preview-wrap{background:var(--white);border:1.5px solid var(--cream-dark);border-radius:var(--radius-lg);padding:1.25rem;}\n.preview-label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--forest70);font-weight:600;margin-bottom:.875rem;}\n.preview-card-inner{display:flex;align-items:flex-start;gap:12px;}\n.prev-avatar{width:42px;height:42px;border-radius:50%;background:var(--forest);color:var(--cream);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;}\n.prev-name{font-size:.9rem;font-weight:700;color:var(--forest);}\n.prev-type{font-size:.75rem;color:var(--forest70);margin-top:2px;}\n.prev-desc{font-size:.78rem;color:var(--forest70);line-height:1.45;margin:8px 0;}\n.prev-foot{display:flex;gap:6px;flex-wrap:wrap;}\n.prev-badge{font-size:.7rem;padding:3px 9px;border-radius:20px;font-weight:500;}\n.prev-badge.loc{background:var(--forest10);color:var(--forest);}\n.prev-badge.online{background:var(--sky-pale);color:#1a6a80;}\n.btn-row{display:flex;justify-content:flex-end;gap:10px;margin-top:1.5rem;}\n.btn-sec{padding:10px 20px;font-family:'DM Sans',sans-serif;font-size:.875rem;font-weight:500;border:1.5px solid var(--cream-dark);border-radius:var(--radius-md);background:var(--white);color:var(--forest);cursor:pointer;transition:all .15s;}\n.btn-sec:hover{border-color:var(--forest);}\n.btn-prim{padding:10px 24px;font-family:'DM Sans',sans-serif;font-size:.875rem;font-weight:600;border:none;border-radius:var(--radius-md);background:var(--forest);color:var(--cream);cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:6px;}\n.btn-prim:hover{background:#0d2020;}\n.btn-prim:disabled{opacity:.5;cursor:not-allowed;}\n.error-msg{font-size:.78rem;color:var(--red);margin-top:4px;display:none;}\n.field.has-error input,.field.has-error textarea,.field.has-error select{border-color:var(--red);}\n.field.has-error .error-msg{display:block;}\n.success-screen{display:none;text-align:center;padding:4rem 1rem;}\n.success-circle{width:64px;height:64px;border-radius:50%;background:var(--forest);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;}\n.success-circle svg{width:28px;height:28px;stroke:var(--sky);stroke-width:2.5;fill:none;}\n.success-screen h2{font-family:'DM Serif Display',serif;font-size:1.8rem;color:var(--forest);margin-bottom:.75rem;}\n.success-screen p{font-size:.9rem;color:var(--forest70);line-height:1.6;max-width:400px;margin:0 auto;}\n.submit-error{background:var(--red-pale);border:1px solid var(--red);border-radius:var(--radius-md);padding:.875rem 1rem;font-size:.83rem;color:var(--red);margin-top:1rem;display:none;}\n@media(max-width:600px){.row-2{grid-template-columns:1fr;}.loc-toggles{grid-template-columns:1fr;}.spec-grid{grid-template-columns:1fr 1fr;}}\n<\/style>\n<\/head>\n<body>\n<div class=\"page\"><div class=\"inner\">\n\n\n<script>\nvar SUPABASE_URL = 'https:\/\/bxsmdrthfdgralhbxpsp.supabase.co';\nvar SUPABASE_ANON_KEY = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImJ4c21kcnRoZmRncmFsaGJ4cHNwIiwicm9sZSI6ImFub24iLCJpYXQiOjE3ODA0NDg3OTgsImV4cCI6MjA5NjAyNDc5OH0.XNBh7AX2JfmWNcLaA41PWyOagItoURvb5xKbKYxxC6c';\n<\/script>\n\n <div class=\"steps\">\n <div class=\"step done\"><div class=\"step-num\">\u2713<\/div><span>Uitnodiging<\/span><\/div>\n <div class=\"step-line\"><\/div>\n <div class=\"step active\"><div class=\"step-num\">2<\/div><span>Profiel<\/span><\/div>\n <div class=\"step-line\"><\/div>\n <div class=\"step\"><div class=\"step-num\">3<\/div><span>Beoordeling<\/span><\/div>\n <\/div>\n\n <div class=\"invite-banner\">\n <div class=\"invite-icon\">\u2709\ufe0f<\/div>\n <div>\n <h3>Je bent persoonlijk uitgenodigd<\/h3>\n <p>Practice Your Health selecteert professionals met zorg. Vul je profiel in \u2014 het team beoordeelt je aanvraag en activeert je profiel binnen 2 werkdagen.<\/p>\n <\/div>\n <\/div>\n\n <div id=\"formView\">\n <div class=\"section\">\n <div class=\"section-label\">Persoonlijke gegevens<\/div>\n <div class=\"row-2\">\n <div class=\"field\" id=\"fieldFirst\">\n <label>Voornaam <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"fFirst\" placeholder=\"Lena\" oninput=\"updatePreview()\">\n <div class=\"error-msg\">Vul je voornaam in.<\/div>\n <\/div>\n <div class=\"field\" id=\"fieldLast\">\n <label>Achternaam <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"fLast\" placeholder=\"van der Berg\" oninput=\"updatePreview()\">\n <div class=\"error-msg\">Vul je achternaam in.<\/div>\n <\/div>\n <\/div>\n <div class=\"field\" id=\"fieldEmail\">\n <label>E-mailadres <span class=\"req\">*<\/span> <span class=\"opt\">Niet zichtbaar op profiel<\/span><\/label>\n <input type=\"email\" id=\"fEmail\" placeholder=\"lena@praktijk.nl\">\n <div class=\"error-msg\">Vul een geldig e-mailadres in.<\/div>\n <\/div>\n <div class=\"field\">\n <label>Website <span class=\"opt\">Link op je profiel<\/span><\/label>\n <input type=\"url\" id=\"fUrl\" placeholder=\"https:\/\/www.jouwpraktijk.nl\">\n <\/div>\n <\/div>\n\n <div class=\"section\">\n <div class=\"section-label\">Profielfoto <span style=\"text-transform:none;font-weight:400;letter-spacing:0;\">(optioneel)<\/span><\/div>\n <label class=\"upload-area\">\n <input type=\"file\" accept=\"image\/*\" onchange=\"handlePhoto(this)\">\n <div id=\"uploadContent\">\n <span class=\"upload-icon\">\ud83d\udcf7<\/span>\n <p>Sleep een foto of klik om te uploaden<\/p>\n <span>JPG of PNG \u00b7 max 2 MB \u00b7 Wordt bijgesneden naar vierkant<\/span>\n <\/div>\n <\/label>\n <\/div>\n\n <div class=\"section\">\n <div class=\"section-label\">Specialisme <span style=\"text-transform:none;font-weight:400;letter-spacing:0;\">(kies 1 of meer)<\/span><\/div>\n <div class=\"spec-grid\" id=\"specGrid\"><\/div>\n <div class=\"field\" style=\"margin-top:1rem;margin-bottom:0;\">\n <label>Jouw titel of beroepsomschrijving <span class=\"opt\">Staat niet in de lijst?<\/span><\/label>\n <input type=\"text\" id=\"fTitel\" placeholder=\"bijv. Orthomoleculair therapeut, Cranio-sacraal therapeut\u2026\">\n <div class=\"hint\">Vul hier je exacte titel in. Wij beoordelen of er een categorie voor wordt aangemaakt.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"section\">\n <div class=\"section-label\">Bereikbaarheid<\/div>\n <div class=\"loc-toggles\">\n <label class=\"loc-opt\" id=\"togLoc\">\n <input type=\"checkbox\" id=\"hasLoc\" checked onchange=\"toggleLocation()\">\n <span class=\"loc-icon\">\ud83d\udccd<\/span>\n <div><div class=\"loc-label\">Fysieke locatie<\/div><div class=\"loc-sub\">Verschijnt op de kaart<\/div><\/div>\n <\/label>\n <label class=\"loc-opt\" id=\"togOnline\">\n <input type=\"checkbox\" id=\"hasOnline\" onchange=\"toggleLocation()\">\n <span class=\"loc-icon\">\ud83d\udcbb<\/span>\n <div><div class=\"loc-label\">Online beschikbaar<\/div><div class=\"loc-sub\">Via video of telefoon<\/div><\/div>\n <\/label>\n <\/div>\n <div id=\"locFields\" class=\"loc-fields\">\n <div class=\"row-2\">\n <div class=\"field\" id=\"fieldCity\" style=\"margin-bottom:0;\">\n <label>Plaats <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"fCity\" placeholder=\"Amsterdam\" oninput=\"updatePreview()\">\n <div class=\"error-msg\">Vul je plaats in.<\/div>\n <\/div>\n <div class=\"field\" style=\"margin-bottom:0;\">\n <label>Adres <span class=\"opt\">Alleen voor kaartpin<\/span><\/label>\n <input type=\"text\" id=\"fAddr\" placeholder=\"Keizersgracht 123\">\n <div class=\"hint\">Adres is niet zichtbaar op je profiel.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div id=\"onlineFields\" class=\"online-fields hidden\">\n <div class=\"row-2\">\n <div class=\"field\" style=\"margin-bottom:0;\">\n <label>Platform<\/label>\n <select id=\"fPlatform\">\n <option value=\"\">Kies\u2026<\/option>\n <option>Videobellen (eigen link)<\/option>\n <option>Zoom<\/option>\n <option>Teams<\/option>\n <option>Google Meet<\/option>\n <option>Telefonisch<\/option>\n <\/select>\n <\/div>\n <div class=\"field\" style=\"margin-bottom:0;\">\n <label>Beschikbaarheid <span class=\"opt\">optioneel<\/span><\/label>\n <input type=\"text\" id=\"fOnlineAvail\" placeholder=\"bijv. di en do\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"section\">\n <div class=\"section-label\">Korte beschrijving<\/div>\n <div class=\"field\" id=\"fieldDesc\">\n <label>\n <span>Beschrijving <span class=\"req\">*<\/span><\/span>\n <span class=\"char-count\" id=\"charCount\">0 \/ 150<\/span>\n <\/label>\n <textarea id=\"fDesc\" maxlength=\"150\" placeholder=\"Beschrijf in 1\u20132 zinnen je aanpak en voor wie je werkt.\" oninput=\"updateCharCount();updatePreview()\"><\/textarea>\n <div class=\"error-msg\">Vul een korte beschrijving in.<\/div>\n <div class=\"hint\">Dit is alles wat bezoekers zien voordat ze doorklikken naar je website.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"section\">\n <div class=\"preview-wrap\">\n <div class=\"preview-label\">Zo ziet jouw profiel eruit<\/div>\n <div class=\"preview-card-inner\">\n <div class=\"prev-avatar\" id=\"prevAvatar\">?<\/div>\n <div style=\"flex:1;\">\n <div class=\"prev-name\" id=\"prevName\">Jouw naam<\/div>\n <div class=\"prev-type\" id=\"prevType\">Specialisme<\/div>\n <div class=\"prev-desc\" id=\"prevDesc\">Jouw beschrijving verschijnt hier...<\/div>\n <div class=\"prev-foot\" id=\"prevFoot\"><span class=\"prev-badge loc\">Stad<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"btn-row\">\n <button class=\"btn-prim\" id=\"submitBtn\" onclick=\"submitProfile()\">\n Insturen\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/button>\n <\/div>\n <div class=\"submit-error\" id=\"submitError\">Er ging iets mis bij het opslaan. Probeer het opnieuw of neem contact op met hello@practiceyourhealth.com<\/div>\n <\/div>\n\n <div class=\"success-screen\" id=\"successView\">\n <div class=\"success-circle\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n <h2>Profiel ontvangen<\/h2>\n <p>Het team van Practice Your Health beoordeelt je aanvraag. Je ontvangt een e-mail zodra je profiel live staat \u2014 meestal binnen 2 werkdagen.<\/p>\n <\/div>\n\n<\/div><\/div>\n\n<script>\nconst specialismen = [\n \"Acupunctuur\",\"Holistisch arts\",\"Osteopaat\",\"Functional Medicine arts\",\n \"Functional Medicine practitioner\",\"Voedingsdeskundige\",\"Coach\",\n \"Hypnotherapeut\",\"Fysiotherapeut\"\n];\nconst selected = new Set();\n\n\/\/ Build spec grid\nconst grid = document.getElementById('specGrid');\nspecialismen.forEach(s => {\n const lbl = document.createElement('label');\n lbl.className = 'spec-opt';\n lbl.innerHTML = `<input type=\"checkbox\" value=\"${s}\"> ${s}`;\n lbl.querySelector('input').addEventListener('change', e => {\n e.target.checked ? selected.add(s) : selected.delete(s);\n lbl.classList.toggle('selected', e.target.checked);\n updatePreview();\n });\n grid.appendChild(lbl);\n});\n\nfunction ini(f,l){return ((f||'')[0]||'')+((l||'')[0]||'');}\n\nfunction updatePreview() {\n const f=document.getElementById('fFirst').value.trim();\n const l=document.getElementById('fLast').value.trim();\n const name=[f,l].filter(Boolean).join(' ')||'Jouw naam';\n const type=selected.size>0?[...selected][0]:'Specialisme';\n const desc=document.getElementById('fDesc').value.trim()||'Jouw beschrijving verschijnt hier...';\n const city=document.getElementById('fCity').value.trim();\n const hasLoc=document.getElementById('hasLoc').checked;\n const hasOnline=document.getElementById('hasOnline').checked;\n document.getElementById('prevAvatar').textContent=ini(f,l)||'?';\n document.getElementById('prevName').textContent=name;\n document.getElementById('prevType').textContent=type;\n document.getElementById('prevDesc').textContent=desc;\n let badges='';\n if(hasLoc) badges+=`<span class=\"prev-badge loc\">\ud83d\udccd ${city||'Jouw plaats'}<\/span>`;\n if(hasOnline) badges+=`<span class=\"prev-badge online\">\ud83d\udcbb Online<\/span>`;\n document.getElementById('prevFoot').innerHTML=badges||'<span class=\"prev-badge loc\">Locatie<\/span>';\n}\n\nfunction updateCharCount() {\n const len=document.getElementById('fDesc').value.length;\n const el=document.getElementById('charCount');\n el.textContent=len+' \/ 150';\n el.className='char-count'+(len>=130?' over':'');\n}\n\nfunction toggleLocation() {\n const hasLoc=document.getElementById('hasLoc').checked;\n const hasOnline=document.getElementById('hasOnline').checked;\n document.getElementById('locFields').classList.toggle('hidden',!hasLoc);\n document.getElementById('onlineFields').classList.toggle('hidden',!hasOnline);\n document.getElementById('togLoc').classList.toggle('active-loc',hasLoc);\n document.getElementById('togOnline').classList.toggle('active-online',hasOnline);\n updatePreview();\n}\n\nfunction handlePhoto(input) {\n const file=input.files[0];\n if(!file) return;\n const reader=new FileReader();\n reader.onload=e=>{\n document.getElementById('uploadContent').innerHTML=\n '<div class=\"upload-preview\">'+\n '<img decoding=\"async\" src=\"'+e.target.result+'\" alt=\"Profielfoto\">'+\n '<div class=\"upload-preview-text\"><p>Foto geladen<\/p><span>Klik om te wijzigen<\/span><\/div>'+\n '<\/div>';\n };\n reader.readAsDataURL(file);\n}\n\nfunction validate() {\n let ok=true;\n [['fieldFirst','fFirst'],['fieldLast','fLast'],['fieldDesc','fDesc']].forEach(([fid,iid])=>{\n const field=document.getElementById(fid);\n const val=document.getElementById(iid).value.trim();\n field.classList.toggle('has-error',!val);\n if(!val) ok=false;\n });\n const email=document.getElementById('fEmail').value.trim();\n const validEmail=\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email);\n document.getElementById('fieldEmail').classList.toggle('has-error',!validEmail);\n if(!validEmail) ok=false;\n return ok;\n}\n\nasync function geocodeCity(city) {\n try {\n const res = await fetch(`https:\/\/nominatim.openstreetmap.org\/search?q=${encodeURIComponent(city+', Nederland')}&format=json&limit=1`);\n const data = await res.json();\n if (data && data[0]) return { lat: parseFloat(data[0].lat), lng: parseFloat(data[0].lon) };\n } catch(e) {}\n return { lat: 52.2, lng: 5.3 }; \/\/ fallback: midden Nederland\n}\n\nasync function submitProfile() {\n if (!validate()) return;\n const btn = document.getElementById('submitBtn');\n btn.disabled = true;\n btn.textContent = 'Bezig met opslaan\u2026';\n\n const city = document.getElementById('fCity').value.trim();\n const coords = document.getElementById('hasLoc').checked ? await geocodeCity(city) : { lat: null, lng: null };\n\n const profiel = {\n voornaam: document.getElementById('fFirst').value.trim(),\n achternaam: document.getElementById('fLast').value.trim(),\n email: document.getElementById('fEmail').value.trim(),\n website: (function(){ const w = document.getElementById('fUrl').value.trim(); if(!w) return null; return w.startsWith('http') ? w : 'https:\/\/' + w; })(),\n stad: city || null,\n adres: document.getElementById('fAddr').value.trim() || null,\n online: document.getElementById('hasOnline').checked,\n platform: document.getElementById('fPlatform').value || null,\n online_avail: document.getElementById('fOnlineAvail').value.trim() || null,\n beschrijving: document.getElementById('fDesc').value.trim(),\n specialismen: [...selected],\n eigen_titel: document.getElementById('fTitel').value.trim() || null,\n lat: coords.lat,\n lng: coords.lng,\n status: 'pending'\n };\n\n try {\n const res = await fetch(SUPABASE_URL + '\/rest\/v1\/professionals', {\n method: 'POST',\n headers: {\n 'apikey': SUPABASE_ANON_KEY,\n 'Authorization': 'Bearer ' + SUPABASE_ANON_KEY,\n 'Content-Type': 'application\/json',\n 'Prefer': 'return=minimal'\n },\n body: JSON.stringify(profiel)\n });\n if (!res.ok) throw new Error(res.status);\n document.getElementById('formView').style.display = 'none';\n document.getElementById('successView').style.display = 'block';\n window.scrollTo({ top: 0, behavior: 'smooth' });\n } catch(e) {\n btn.disabled = false;\n btn.innerHTML = 'Insturen <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>';\n document.getElementById('submitError').style.display = 'block';\n }\n}\n\ntoggleLocation();\n<\/script>\n<\/body>\n<\/html>\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>Maak je profiel aan \u2014 Practice Your Health \u2713Uitnodiging 2Profiel 3Beoordeling \u2709\ufe0f Je bent persoonlijk uitgenodigd Practice Your Health selecteert professionals met zorg. Vul je profiel in \u2014 het team beoordeelt je aanvraag en activeert je profiel binnen 2 werkdagen. Persoonlijke gegevens Voornaam * Vul je voornaam in. Achternaam * Vul je achternaam in. E-mailadres […]<\/p>\n","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-1100","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\/1100","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=1100"}],"version-history":[{"count":13,"href":"https:\/\/practiceyourhealth.com\/en\/wp-json\/wp\/v2\/pages\/1100\/revisions"}],"predecessor-version":[{"id":1152,"href":"https:\/\/practiceyourhealth.com\/en\/wp-json\/wp\/v2\/pages\/1100\/revisions\/1152"}],"wp:attachment":[{"href":"https:\/\/practiceyourhealth.com\/en\/wp-json\/wp\/v2\/media?parent=1100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nMaak je profiel aan \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 --forest70:rgba(28,51,51,.7);--forest10:rgba(28,51,51,.07);\n --sky-pale:#E6F6FB;--cream-dark:#F0E0C0;--white:#fff;\n --red:#C0392B;--red-pale:#FDECEA;\n --radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;\n --shadow-sm:0 1px 4px rgba(28,51,51,.08);--shadow-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;color:var(--forest);}\n.page{width:100%;padding:0;}\n.inner{max-width:680px;margin:0 auto;padding:2.5rem 1.5rem 4rem;}\n.steps{display:flex;align-items:center;gap:0;margin-bottom:2.5rem;}\n.step{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--forest70);}\n.step.active{color:var(--forest);font-weight:600;}\n.step.done{color:var(--sky);}\n.step-num{width:24px;height:24px;border-radius:50%;border:1.5px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0;}\n.step.active .step-num{background:var(--forest);color:var(--cream);border-color:var(--forest);}\n.step.done .step-num{background:var(--sky);color:var(--forest);border-color:var(--sky);}\n.step-line{flex:1;height:1px;background:var(--cream-dark);margin:0 8px;}\n.invite-banner{background:var(--forest);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;margin-bottom:2rem;display:flex;gap:14px;align-items:flex-start;}\n.invite-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px;}\n.invite-banner h3{font-size:.9rem;font-weight:600;color:var(--cream);margin-bottom:4px;}\n.invite-banner p{font-size:.82rem;color:rgba(255,242,217,.7);line-height:1.55;}\n.section{margin-bottom:2rem;}\n.section-label{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--forest70);font-weight:600;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--cream-dark);}\n.field{margin-bottom:1.1rem;}\n.field label{display:flex;justify-content:space-between;align-items:baseline;font-size:.82rem;font-weight:600;color:var(--forest);margin-bottom:4px;}\n.field label .req{color:var(--sky);margin-left:2px;}\n.field label .opt{font-weight:400;color:var(--forest70);font-size:.75rem;}\n.field input,.field select,.field textarea{width:100%;padding:10px 13px;font-family:'DM Sans',sans-serif;font-size:.9rem;border:1.5px solid var(--cream-dark);border-radius:var(--radius-md);background:var(--white);color:var(--forest);outline:none;transition:border-color .2s,box-shadow .2s;}\n.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--forest);box-shadow:0 0 0 3px var(--forest10);}\n.field textarea{resize:vertical;min-height:88px;line-height:1.55;}\n.field .hint{font-size:.75rem;color:var(--forest70);margin-top:5px;line-height:1.4;}\n.field .char-count{font-size:.72rem;color:var(--forest70);}\n.field .char-count.over{color:var(--red);}\n.row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}\n.upload-area{display:block;border:2px dashed var(--cream-dark);border-radius:var(--radius-lg);padding:2rem 1.5rem;text-align:center;cursor:pointer;transition:all .2s;background:var(--white);width:100%;}\n.upload-area:hover{border-color:var(--forest);background:var(--cream);}\n.upload-area input[type=\"file\"]{display:none;}\n.upload-icon{font-size:2.2rem;display:block;margin-bottom:8px;line-height:1;}\n.upload-area p{font-size:.875rem;color:var(--forest);font-weight:500;margin-bottom:4px;}\n.upload-area span{font-size:.75rem;color:var(--forest70);display:block;}\n.upload-preview{display:flex;align-items:center;justify-content:center;gap:14px;}\n.upload-preview img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid var(--cream-dark);flex-shrink:0;}\n.upload-preview-text p{font-size:.85rem;color:var(--forest);font-weight:500;margin-bottom:3px;}\n.upload-preview-text span{font-size:.75rem;color:var(--forest70);}\n.spec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;}\n.spec-opt{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1.5px solid var(--cream-dark);border-radius:var(--radius-md);cursor:pointer;font-size:.82rem;color:var(--forest);background:var(--white);transition:all .15s;user-select:none;}\n.spec-opt input{accent-color:var(--forest);width:14px;height:14px;flex-shrink:0;}\n.spec-opt.selected{background:var(--forest);color:var(--cream);border-color:var(--forest);}\n.loc-toggles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:1rem;}\n.loc-opt{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1.5px solid var(--cream-dark);border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;color:var(--forest);background:var(--white);transition:all .15s;user-select:none;}\n.loc-opt input{display:none;}\n.loc-opt .loc-icon{font-size:1.1rem;}\n.loc-opt .loc-label{font-weight:500;}\n.loc-opt .loc-sub{font-size:.72rem;color:var(--forest70);}\n.loc-opt.active-loc{background:var(--forest);color:var(--cream);border-color:var(--forest);}\n.loc-opt.active-loc .loc-sub{color:rgba(255,242,217,.6);}\n.loc-opt.active-online{background:var(--sky-pale);color:#1a6a80;border-color:var(--sky);}\n.loc-opt.active-online .loc-sub{color:#1a6a80;opacity:.7;}\n.loc-fields{background:var(--white);border:1.5px solid var(--cream-dark);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1rem;}\n.online-fields{background:var(--sky-pale);border:1.5px solid var(--sky);border-radius:var(--radius-lg);padding:1.25rem;}\n.online-fields .field input,.online-fields .field select{border-color:#b5d4f0;}\n.hidden{display:none;}\n.preview-wrap{background:var(--white);border:1.5px solid var(--cream-dark);border-radius:var(--radius-lg);padding:1.25rem;}\n.preview-label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--forest70);font-weight:600;margin-bottom:.875rem;}\n.preview-card-inner{display:flex;align-items:flex-start;gap:12px;}\n.prev-avatar{width:42px;height:42px;border-radius:50%;background:var(--forest);color:var(--cream);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;}\n.prev-name{font-size:.9rem;font-weight:700;color:var(--forest);}\n.prev-type{font-size:.75rem;color:var(--forest70);margin-top:2px;}\n.prev-desc{font-size:.78rem;color:var(--forest70);line-height:1.45;margin:8px 0;}\n.prev-foot{display:flex;gap:6px;flex-wrap:wrap;}\n.prev-badge{font-size:.7rem;padding:3px 9px;border-radius:20px;font-weight:500;}\n.prev-badge.loc{background:var(--forest10);color:var(--forest);}\n.prev-badge.online{background:var(--sky-pale);color:#1a6a80;}\n.btn-row{display:flex;justify-content:flex-end;gap:10px;margin-top:1.5rem;}\n.btn-sec{padding:10px 20px;font-family:'DM Sans',sans-serif;font-size:.875rem;font-weight:500;border:1.5px solid var(--cream-dark);border-radius:var(--radius-md);background:var(--white);color:var(--forest);cursor:pointer;transition:all .15s;}\n.btn-sec:hover{border-color:var(--forest);}\n.btn-prim{padding:10px 24px;font-family:'DM Sans',sans-serif;font-size:.875rem;font-weight:600;border:none;border-radius:var(--radius-md);background:var(--forest);color:var(--cream);cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:6px;}\n.btn-prim:hover{background:#0d2020;}\n.btn-prim:disabled{opacity:.5;cursor:not-allowed;}\n.error-msg{font-size:.78rem;color:var(--red);margin-top:4px;display:none;}\n.field.has-error input,.field.has-error textarea,.field.has-error select{border-color:var(--red);}\n.field.has-error .error-msg{display:block;}\n.success-screen{display:none;text-align:center;padding:4rem 1rem;}\n.success-circle{width:64px;height:64px;border-radius:50%;background:var(--forest);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;}\n.success-circle svg{width:28px;height:28px;stroke:var(--sky);stroke-width:2.5;fill:none;}\n.success-screen h2{font-family:'DM Serif Display',serif;font-size:1.8rem;color:var(--forest);margin-bottom:.75rem;}\n.success-screen p{font-size:.9rem;color:var(--forest70);line-height:1.6;max-width:400px;margin:0 auto;}\n.submit-error{background:var(--red-pale);border:1px solid var(--red);border-radius:var(--radius-md);padding:.875rem 1rem;font-size:.83rem;color:var(--red);margin-top:1rem;display:none;}\n@media(max-width:600px){.row-2{grid-template-columns:1fr;}.loc-toggles{grid-template-columns:1fr;}.spec-grid{grid-template-columns:1fr 1fr;}}\n<\/style>\n<\/head>\n<body>\n<div class=\"page\"><div class=\"inner\">\n\n\n<script>\nvar SUPABASE_URL = 'https:\/\/bxsmdrthfdgralhbxpsp.supabase.co';\nvar SUPABASE_ANON_KEY = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImJ4c21kcnRoZmRncmFsaGJ4cHNwIiwicm9sZSI6ImFub24iLCJpYXQiOjE3ODA0NDg3OTgsImV4cCI6MjA5NjAyNDc5OH0.XNBh7AX2JfmWNcLaA41PWyOagItoURvb5xKbKYxxC6c';\n<\/script>\n\n <div class=\"steps\">\n <div class=\"step done\"><div class=\"step-num\">\u2713<\/div><span>Uitnodiging<\/span><\/div>\n <div class=\"step-line\"><\/div>\n <div class=\"step active\"><div class=\"step-num\">2<\/div><span>Profiel<\/span><\/div>\n <div class=\"step-line\"><\/div>\n <div class=\"step\"><div class=\"step-num\">3<\/div><span>Beoordeling<\/span><\/div>\n <\/div>\n\n <div class=\"invite-banner\">\n <div class=\"invite-icon\">\u2709\ufe0f<\/div>\n <div>\n <h3>Je bent persoonlijk uitgenodigd<\/h3>\n <p>Practice Your Health selecteert professionals met zorg. Vul je profiel in \u2014 het team beoordeelt je aanvraag en activeert je profiel binnen 2 werkdagen.<\/p>\n <\/div>\n <\/div>\n\n <div id=\"formView\">\n <div class=\"section\">\n <div class=\"section-label\">Persoonlijke gegevens<\/div>\n <div class=\"row-2\">\n <div class=\"field\" id=\"fieldFirst\">\n <label>Voornaam <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"fFirst\" placeholder=\"Lena\" oninput=\"updatePreview()\">\n <div class=\"error-msg\">Vul je voornaam in.<\/div>\n <\/div>\n <div class=\"field\" id=\"fieldLast\">\n <label>Achternaam <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"fLast\" placeholder=\"van der Berg\" oninput=\"updatePreview()\">\n <div class=\"error-msg\">Vul je achternaam in.<\/div>\n <\/div>\n <\/div>\n <div class=\"field\" id=\"fieldEmail\">\n <label>E-mailadres <span class=\"req\">*<\/span> <span class=\"opt\">Niet zichtbaar op profiel<\/span><\/label>\n <input type=\"email\" id=\"fEmail\" placeholder=\"lena@praktijk.nl\">\n <div class=\"error-msg\">Vul een geldig e-mailadres in.<\/div>\n <\/div>\n <div class=\"field\">\n <label>Website <span class=\"opt\">Link op je profiel<\/span><\/label>\n <input type=\"url\" id=\"fUrl\" placeholder=\"https:\/\/www.jouwpraktijk.nl\">\n <\/div>\n <\/div>\n\n <div class=\"section\">\n <div class=\"section-label\">Profielfoto <span style=\"text-transform:none;font-weight:400;letter-spacing:0;\">(optioneel)<\/span><\/div>\n <label class=\"upload-area\">\n <input type=\"file\" accept=\"image\/*\" onchange=\"handlePhoto(this)\">\n <div id=\"uploadContent\">\n <span class=\"upload-icon\">\ud83d\udcf7<\/span>\n <p>Sleep een foto of klik om te uploaden<\/p>\n <span>JPG of PNG \u00b7 max 2 MB \u00b7 Wordt bijgesneden naar vierkant<\/span>\n <\/div>\n <\/label>\n <\/div>\n\n <div class=\"section\">\n <div class=\"section-label\">Specialisme <span style=\"text-transform:none;font-weight:400;letter-spacing:0;\">(kies 1 of meer)<\/span><\/div>\n <div class=\"spec-grid\" id=\"specGrid\"><\/div>\n <div class=\"field\" style=\"margin-top:1rem;margin-bottom:0;\">\n <label>Jouw titel of beroepsomschrijving <span class=\"opt\">Staat niet in de lijst?<\/span><\/label>\n <input type=\"text\" id=\"fTitel\" placeholder=\"bijv. Orthomoleculair therapeut, Cranio-sacraal therapeut\u2026\">\n <div class=\"hint\">Vul hier je exacte titel in. Wij beoordelen of er een categorie voor wordt aangemaakt.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"section\">\n <div class=\"section-label\">Bereikbaarheid<\/div>\n <div class=\"loc-toggles\">\n <label class=\"loc-opt\" id=\"togLoc\">\n <input type=\"checkbox\" id=\"hasLoc\" checked onchange=\"toggleLocation()\">\n <span class=\"loc-icon\">\ud83d\udccd<\/span>\n <div><div class=\"loc-label\">Fysieke locatie<\/div><div class=\"loc-sub\">Verschijnt op de kaart<\/div><\/div>\n <\/label>\n <label class=\"loc-opt\" id=\"togOnline\">\n <input type=\"checkbox\" id=\"hasOnline\" onchange=\"toggleLocation()\">\n <span class=\"loc-icon\">\ud83d\udcbb<\/span>\n <div><div class=\"loc-label\">Online beschikbaar<\/div><div class=\"loc-sub\">Via video of telefoon<\/div><\/div>\n <\/label>\n <\/div>\n <div id=\"locFields\" class=\"loc-fields\">\n <div class=\"row-2\">\n <div class=\"field\" id=\"fieldCity\" style=\"margin-bottom:0;\">\n <label>Plaats <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"fCity\" placeholder=\"Amsterdam\" oninput=\"updatePreview()\">\n <div class=\"error-msg\">Vul je plaats in.<\/div>\n <\/div>\n <div class=\"field\" style=\"margin-bottom:0;\">\n <label>Adres <span class=\"opt\">Alleen voor kaartpin<\/span><\/label>\n <input type=\"text\" id=\"fAddr\" placeholder=\"Keizersgracht 123\">\n <div class=\"hint\">Adres is niet zichtbaar op je profiel.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div id=\"onlineFields\" class=\"online-fields hidden\">\n <div class=\"row-2\">\n <div class=\"field\" style=\"margin-bottom:0;\">\n <label>Platform<\/label>\n <select id=\"fPlatform\">\n <option value=\"\">Kies\u2026<\/option>\n <option>Videobellen (eigen link)<\/option>\n <option>Zoom<\/option>\n <option>Teams<\/option>\n <option>Google Meet<\/option>\n <option>Telefonisch<\/option>\n <\/select>\n <\/div>\n <div class=\"field\" style=\"margin-bottom:0;\">\n <label>Beschikbaarheid <span class=\"opt\">optioneel<\/span><\/label>\n <input type=\"text\" id=\"fOnlineAvail\" placeholder=\"bijv. di en do\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"section\">\n <div class=\"section-label\">Korte beschrijving<\/div>\n <div class=\"field\" id=\"fieldDesc\">\n <label>\n <span>Beschrijving <span class=\"req\">*<\/span><\/span>\n <span class=\"char-count\" id=\"charCount\">0 \/ 150<\/span>\n <\/label>\n <textarea id=\"fDesc\" maxlength=\"150\" placeholder=\"Beschrijf in 1\u20132 zinnen je aanpak en voor wie je werkt.\" oninput=\"updateCharCount();updatePreview()\"><\/textarea>\n <div class=\"error-msg\">Vul een korte beschrijving in.<\/div>\n <div class=\"hint\">Dit is alles wat bezoekers zien voordat ze doorklikken naar je website.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"section\">\n <div class=\"preview-wrap\">\n <div class=\"preview-label\">Zo ziet jouw profiel eruit<\/div>\n <div class=\"preview-card-inner\">\n <div class=\"prev-avatar\" id=\"prevAvatar\">?<\/div>\n <div style=\"flex:1;\">\n <div class=\"prev-name\" id=\"prevName\">Jouw naam<\/div>\n <div class=\"prev-type\" id=\"prevType\">Specialisme<\/div>\n <div class=\"prev-desc\" id=\"prevDesc\">Jouw beschrijving verschijnt hier...<\/div>\n <div class=\"prev-foot\" id=\"prevFoot\"><span class=\"prev-badge loc\">Stad<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"btn-row\">\n <button class=\"btn-prim\" id=\"submitBtn\" onclick=\"submitProfile()\">\n Insturen\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/button>\n <\/div>\n <div class=\"submit-error\" id=\"submitError\">Er ging iets mis bij het opslaan. Probeer het opnieuw of neem contact op met hello@practiceyourhealth.com<\/div>\n <\/div>\n\n <div class=\"success-screen\" id=\"successView\">\n <div class=\"success-circle\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n <h2>Profiel ontvangen<\/h2>\n <p>Het team van Practice Your Health beoordeelt je aanvraag. Je ontvangt een e-mail zodra je profiel live staat \u2014 meestal binnen 2 werkdagen.<\/p>\n <\/div>\n\n<\/div><\/div>\n\n<script>\nconst specialismen = [\n \"Acupunctuur\",\"Holistisch arts\",\"Osteopaat\",\"Functional Medicine arts\",\n \"Functional Medicine practitioner\",\"Voedingsdeskundige\",\"Coach\",\n \"Hypnotherapeut\",\"Fysiotherapeut\"\n];\nconst selected = new Set();\n\n\/\/ Build spec grid\nconst grid = document.getElementById('specGrid');\nspecialismen.forEach(s => {\n const lbl = document.createElement('label');\n lbl.className = 'spec-opt';\n lbl.innerHTML = `<input type=\"checkbox\" value=\"${s}\"> ${s}`;\n lbl.querySelector('input').addEventListener('change', e => {\n e.target.checked ? selected.add(s) : selected.delete(s);\n lbl.classList.toggle('selected', e.target.checked);\n updatePreview();\n });\n grid.appendChild(lbl);\n});\n\nfunction ini(f,l){return ((f||'')[0]||'')+((l||'')[0]||'');}\n\nfunction updatePreview() {\n const f=document.getElementById('fFirst').value.trim();\n const l=document.getElementById('fLast').value.trim();\n const name=[f,l].filter(Boolean).join(' ')||'Jouw naam';\n const type=selected.size>0?[...selected][0]:'Specialisme';\n const desc=document.getElementById('fDesc').value.trim()||'Jouw beschrijving verschijnt hier...';\n const city=document.getElementById('fCity').value.trim();\n const hasLoc=document.getElementById('hasLoc').checked;\n const hasOnline=document.getElementById('hasOnline').checked;\n document.getElementById('prevAvatar').textContent=ini(f,l)||'?';\n document.getElementById('prevName').textContent=name;\n document.getElementById('prevType').textContent=type;\n document.getElementById('prevDesc').textContent=desc;\n let badges='';\n if(hasLoc) badges+=`<span class=\"prev-badge loc\">\ud83d\udccd ${city||'Jouw plaats'}<\/span>`;\n if(hasOnline) badges+=`<span class=\"prev-badge online\">\ud83d\udcbb Online<\/span>`;\n document.getElementById('prevFoot').innerHTML=badges||'<span class=\"prev-badge loc\">Locatie<\/span>';\n}\n\nfunction updateCharCount() {\n const len=document.getElementById('fDesc').value.length;\n const el=document.getElementById('charCount');\n el.textContent=len+' \/ 150';\n el.className='char-count'+(len>=130?' over':'');\n}\n\nfunction toggleLocation() {\n const hasLoc=document.getElementById('hasLoc').checked;\n const hasOnline=document.getElementById('hasOnline').checked;\n document.getElementById('locFields').classList.toggle('hidden',!hasLoc);\n document.getElementById('onlineFields').classList.toggle('hidden',!hasOnline);\n document.getElementById('togLoc').classList.toggle('active-loc',hasLoc);\n document.getElementById('togOnline').classList.toggle('active-online',hasOnline);\n updatePreview();\n}\n\nfunction handlePhoto(input) {\n const file=input.files[0];\n if(!file) return;\n const reader=new FileReader();\n reader.onload=e=>{\n document.getElementById('uploadContent').innerHTML=\n '<div class=\"upload-preview\">'+\n '<img decoding=\"async\" src=\"'+e.target.result+'\" alt=\"Profielfoto\">'+\n '<div class=\"upload-preview-text\"><p>Foto geladen<\/p><span>Klik om te wijzigen<\/span><\/div>'+\n '<\/div>';\n };\n reader.readAsDataURL(file);\n}\n\nfunction validate() {\n let ok=true;\n [['fieldFirst','fFirst'],['fieldLast','fLast'],['fieldDesc','fDesc']].forEach(([fid,iid])=>{\n const field=document.getElementById(fid);\n const val=document.getElementById(iid).value.trim();\n field.classList.toggle('has-error',!val);\n if(!val) ok=false;\n });\n const email=document.getElementById('fEmail').value.trim();\n const validEmail=\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email);\n document.getElementById('fieldEmail').classList.toggle('has-error',!validEmail);\n if(!validEmail) ok=false;\n return ok;\n}\n\nasync function geocodeCity(city) {\n try {\n const res = await fetch(`https:\/\/nominatim.openstreetmap.org\/search?q=${encodeURIComponent(city+', Nederland')}&format=json&limit=1`);\n const data = await res.json();\n if (data && data[0]) return { lat: parseFloat(data[0].lat), lng: parseFloat(data[0].lon) };\n } catch(e) {}\n return { lat: 52.2, lng: 5.3 }; \/\/ fallback: midden Nederland\n}\n\nasync function submitProfile() {\n if (!validate()) return;\n const btn = document.getElementById('submitBtn');\n btn.disabled = true;\n btn.textContent = 'Bezig met opslaan\u2026';\n\n const city = document.getElementById('fCity').value.trim();\n const coords = document.getElementById('hasLoc').checked ? await geocodeCity(city) : { lat: null, lng: null };\n\n const profiel = {\n voornaam: document.getElementById('fFirst').value.trim(),\n achternaam: document.getElementById('fLast').value.trim(),\n email: document.getElementById('fEmail').value.trim(),\n website: (function(){ const w = document.getElementById('fUrl').value.trim(); if(!w) return null; return w.startsWith('http') ? w : 'https:\/\/' + w; })(),\n stad: city || null,\n adres: document.getElementById('fAddr').value.trim() || null,\n online: document.getElementById('hasOnline').checked,\n platform: document.getElementById('fPlatform').value || null,\n online_avail: document.getElementById('fOnlineAvail').value.trim() || null,\n beschrijving: document.getElementById('fDesc').value.trim(),\n specialismen: [...selected],\n eigen_titel: document.getElementById('fTitel').value.trim() || null,\n lat: coords.lat,\n lng: coords.lng,\n status: 'pending'\n };\n\n try {\n const res = await fetch(SUPABASE_URL + '\/rest\/v1\/professionals', {\n method: 'POST',\n headers: {\n 'apikey': SUPABASE_ANON_KEY,\n 'Authorization': 'Bearer ' + SUPABASE_ANON_KEY,\n 'Content-Type': 'application\/json',\n 'Prefer': 'return=minimal'\n },\n body: JSON.stringify(profiel)\n });\n if (!res.ok) throw new Error(res.status);\n document.getElementById('formView').style.display = 'none';\n document.getElementById('successView').style.display = 'block';\n window.scrollTo({ top: 0, behavior: 'smooth' });\n } catch(e) {\n btn.disabled = false;\n btn.innerHTML = 'Insturen <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>';\n document.getElementById('submitError').style.display = 'block';\n }\n}\n\ntoggleLocation();\n<\/script>\n<\/body>\n<\/html>\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>Maak je profiel aan \u2014 Practice Your Health \u2713Uitnodiging 2Profiel 3Beoordeling \u2709\ufe0f Je bent persoonlijk uitgenodigd Practice Your Health selecteert professionals met zorg. Vul je profiel in \u2014 het team beoordeelt je aanvraag en activeert je profiel binnen 2 werkdagen. Persoonlijke gegevens Voornaam * Vul je voornaam in. Achternaam * Vul je achternaam in. E-mailadres […]<\/p>\n","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-1100","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\/1100","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=1100"}],"version-history":[{"count":13,"href":"https:\/\/practiceyourhealth.com\/en\/wp-json\/wp\/v2\/pages\/1100\/revisions"}],"predecessor-version":[{"id":1152,"href":"https:\/\/practiceyourhealth.com\/en\/wp-json\/wp\/v2\/pages\/1100\/revisions\/1152"}],"wp:attachment":[{"href":"https:\/\/practiceyourhealth.com\/en\/wp-json\/wp\/v2\/media?parent=1100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}