'; let fd = new FormData(); fd.append('action', 'mk_filter_team'); fd.append('letter', currentLetter); if(lnameInput) fd.append('lname', lnameInput.value); if(fnameInput) fd.append('fname', fnameInput.value); if(serviceSelect) fd.append('service', serviceSelect.value); if(locationSelect) fd.append('location', locationSelect.value); fetch('https://docstats.wpendgame.com/wp-admin/admin-ajax.php', { method: 'POST', body: fd }) .then(res => res.text()) .then(html => { grid.innerHTML = html; }); } // Initialize inputs from URL if present if(urlParams.has('lname') && lnameInput) lnameInput.value = urlParams.get('lname'); if(urlParams.has('fname') && fnameInput) fnameInput.value = urlParams.get('fname'); if(urlParams.has('service') && serviceSelect) serviceSelect.value = urlParams.get('service'); if(urlParams.has('location') && locationSelect) locationSelect.value = urlParams.get('location'); // Initial load only if URL has parameters (otherwise keep pre-rendered) if(currentLetter !== '' || (lnameInput && lnameInput.value !== '') || (fnameInput && fnameInput.value !== '') || (serviceSelect && serviceSelect.value !== '') || (locationSelect && locationSelect.value !== '')) { loadTeam(); } if(letterLinks) { letterLinks.forEach(link => { link.addEventListener('click', function(e) { e.preventDefault(); letterLinks.forEach(l => l.classList.remove('active')); this.classList.add('active'); currentLetter = this.dataset.letter; // Clear text inputs when alphabet is clicked if(lnameInput) lnameInput.value = ''; if(fnameInput) fnameInput.value = ''; if(serviceSelect) serviceSelect.value = ''; if(locationSelect) locationSelect.value = ''; // Update URL const newUrl = new URL(window.location); newUrl.searchParams.set('letter', currentLetter); window.history.pushState({}, '', newUrl); loadTeam(); }); }); } if(searchBtn) { // Update URL on search function updateUrlParams() { const newUrl = new URL(window.location); if(lnameInput && lnameInput.value) newUrl.searchParams.set('lname', lnameInput.value); else newUrl.searchParams.delete('lname'); if(fnameInput && fnameInput.value) newUrl.searchParams.set('fname', fnameInput.value); else newUrl.searchParams.delete('fname'); if(serviceSelect && serviceSelect.value) newUrl.searchParams.set('service', serviceSelect.value); else newUrl.searchParams.delete('service'); if(locationSelect && locationSelect.value) newUrl.searchParams.set('location', locationSelect.value); else newUrl.searchParams.delete('location'); window.history.pushState({}, '', newUrl); } searchBtn.addEventListener('click', function(e) { e.preventDefault(); // Clear alphabet selection when searching by name if(lnameInput.value !== '' || fnameInput.value !== '' || (serviceSelect && serviceSelect.value !== '') || (locationSelect && locationSelect.value !== '')) { currentLetter = ''; letterLinks.forEach(l => l.classList.remove('active')); // Remove letter from URL const newUrl = new URL(window.location); newUrl.searchParams.delete('letter'); window.history.pushState({}, '', newUrl); } updateUrlParams(); loadTeam(); }); } // Prevent Enter key from submitting form and trigger AJAX search instead function handleEnterKey(e) { if(e.key === 'Enter') { e.preventDefault(); if(searchBtn) searchBtn.click(); } } if(lnameInput) lnameInput.addEventListener('keypress', handleEnterKey); if(fnameInput) fnameInput.addEventListener('keypress', handleEnterKey); });