(() => { function updateCardPriceBs(days) { const speedSelect = document.getElementById(`day${days}-speed`); const selectedOption = speedSelect?.options[speedSelect.selectedIndex]; const price = selectedOption?.getAttribute('data-price'); if (price) { const priceEl = document.getElementById(`day${days}-price`); if (priceEl) { priceEl.textContent = '$' + Number(price).toLocaleString(); } } updatePurchaseLink(days); } function updatePurchaseLink(days) { const servers = document.querySelectorAll(`#servers-${days} .btn-server-bs`); const selectedServer = Array.from(servers).find(btn => btn.classList.contains('selected')); const serverId = selectedServer?.dataset.serverId || servers[0]?.dataset.serverId || ''; const speedSelect = document.getElementById(`day${days}-speed`); const speed = speedSelect?.value || ''; const purchaseLink = document.getElementById(`purchase-link-${days}`); if (serverId && speed && purchaseLink) { purchaseLink.href = `https://proxyscrape.com/purchase?type=new_residential_unlimited&location=${encodeURIComponent(serverId)}&speed=${encodeURIComponent(speed)}&days=${days}`; purchaseLink.classList.remove('disabled'); } else if (purchaseLink) { purchaseLink.href = "#"; purchaseLink.classList.add('disabled'); } } function handleServerClick(days, btn, container) { container.querySelectorAll('.btn-server-bs').forEach(b => b.classList.remove('selected')); btn.classList.add('selected'); updatePurchaseLink(days); } async function loadServerLocations() { const endpoint = 'https://dashboard.proxyscrape.com/v2/v4/residential-unlimited/server-locations'; try { const res = await fetch(endpoint); const servers = await res.json(); [1, 7, 30].forEach(days => { const container = document.getElementById(`servers-${days}`); if (!container) return; container.innerHTML = ''; servers.forEach((server, idx) => { const label = server.location?.name || 'Unknown'; const btn = document.createElement('button'); btn.className = 'btn btn-server-bs' + (idx === 0 ? ' selected' : ''); btn.type = 'button'; btn.textContent = label; btn.dataset.serverId = server.id; btn.onclick = () => handleServerClick(days, btn, container); container.appendChild(btn); }); updatePurchaseLink(days); }); } catch { [1, 7, 30].forEach(days => { const container = document.getElementById(`servers-${days}`); if (container) { container.innerHTML = ''; } }); } } // Add speed select change listeners [1, 7, 30].forEach(days => { const speedSelect = document.getElementById(`day${days}-speed`); if (speedSelect) { speedSelect.addEventListener('change', () => updateCardPriceBs(days)); updateCardPriceBs(days); // set initial value } }); // Initial server load loadServerLocations(); })();