(function() { // We gebruiken 'const' binnen deze functie zodat WordPress er niet bij kan const REIS_URL = "https://wtgeiauncryuslsrwfot.supabase.co"; const REIS_KEY = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Ind0Z2VpYXVuY3J5dXNsc3J3Zm90Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3NjI2NDA1MDMsImV4cCI6MjA3ODIxNjUwM30.zcuj4w81wkZBCmlWE1XhGBXK7omsZIYwttdVwWlmbXQ"; let mijnReisApp; let alleLeden = []; let gekozenInteresses = new Set(); const REGIO_LIJST = ["Portugal North", "Portugal Central", "Portugal South", "Spain North", "Spain Central", "Spain South", "France North", "France South", "Italy", "Netherlands", "Belgium", "Germany"]; const INTERESSE_LIJST = ["Animals", "Art-music", "Campings", "Children", "Cooking", "Eco Community", "Gardening", "Meditation", "Mountains", "Off-grid", "Permaculture", "Sea", "Van Life", "Vegan", "Volunteer"]; // Start pas als de pagina EN de supabase-bibliotheek geladen zijn window.addEventListener('load', function() { if (typeof window.supabase === 'undefined') { console.error("Supabase is nog niet geladen door de browser."); return; } // We maken de verbinding hier pas aan mijnReisApp = window.supabase.createClient(REIS_URL, REIS_KEY); bouwInterface(); haalLedenOp(); }); async function haalLedenOp() { const { data, error } = await mijnReisApp.from('travel_buddies').select('*').order('created_at', { ascending: false }); if (error) { console.error("Database fout:", error); return; } alleLeden = data || []; updateOverzicht(); } function updateOverzicht() { const kaartContainer = document.getElementById('cards'); const tellerElement = document.getElementById('t-matches'); const geselecteerdeRegio = document.getElementById('region1').value; let resultaatLijst = alleLeden.map(lid => { let matchScore = 5; // Basis score // Regio match (45 punten) if (geselecteerdeRegio && lid.region1 === geselecteerdeRegio) { matchScore += 45; } // Interesses match (15 punten per stuk) const overlap = (lid.interests || []).filter(i => gekozenInteresses.has(i)); matchScore += (overlap.length * 15); return { ...lid, score: Math.min(matchScore, 100) }; }); // ALTIJD SORTEREN OP HOOGSTE SCORE resultaatLijst.sort((a, b) => b.score - a.score); // BIJ OPSTARTEN: Toon 9 nieuwste als er geen filters zijn if (!geselecteerdeRegio && gekozenInteresses.size === 0) { resultaatLijst = resultaatLijst.slice(0, 9); if(tellerElement) tellerElement.textContent = "Showing 9 latest members"; } else { if(tellerElement) tellerElement.textContent = resultaatLijst.length + " matches found"; } if(!kaartContainer) return; kaartContainer.innerHTML = ""; resultaatLijst.forEach(lid => { kaartContainer.innerHTML += ` `; }); } function bouwInterface() { const regioDropdown = document.getElementById('region1'); const interesseBak = document.getElementById('interests'); if (regioDropdown) { regioDropdown.innerHTML = 'Select Region...'; REGIO_LIJST.forEach(r => { let opt = document.createElement('option'); opt.value = r; opt.textContent = r; regioDropdown.appendChild(opt); }); regioDropdown.onchange = updateOverzicht; } if (interesseBak) { interesseBak.innerHTML = ""; INTERESSE_LIJST.forEach(it => { const button = document.createElement('button'); button.className = 'chip'; button.textContent = it; button.style.margin = "3px"; button.onclick = function() { this.classList.toggle('active'); if (gekozenInteresses.has(it)) { gekozenInteresses.delete(it); } else { gekozenInteresses.add(it); } updateOverzicht(); }; interesseBak.appendChild(button); }); } const matchBtn = document.getElementById('recalcBtn'); if (matchBtn) matchBtn.onclick = updateOverzicht; } })();