Welcome to Crystal

Card	Exp	Holder	Region	Type	Price

BTC

ETH

USDT

`; document.querySelector('.app-header .right').appendChild(sel); } else sel.remove(); } function setCurrency(c) { displayCurrency = c; updateDisplay(); document.getElementById('currencySelector')?.remove(); } // ==================== АВТОРИЗАЦИЯ ПО EMAIL ==================== function showLogin() { document.getElementById('authView').classList.remove('hidden'); document.getElementById('appContent').classList.add('hidden'); document.getElementById('bottomNav').classList.add('hidden'); } function showRegister() { /* не используется */ } function backToEmail() { document.getElementById('emailStep').classList.remove('hidden'); document.getElementById('codeStep').classList.add('hidden'); document.getElementById('registerStep').classList.add('hidden'); document.getElementById('loginStep').classList.add('hidden'); document.getElementById('authError').innerText = ''; } async function sendCode() { const email = document.getElementById('authEmail').value.trim(); if (!email || !email.includes('@')) return document.getElementById('authError').innerText = 'Invalid email'; const r = await fetch('/api/auth/send-code', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ email }) }); const d = await r.json(); if (d.success) { authEmail = email; document.getElementById('emailStep').classList.add('hidden'); document.getElementById('codeStep').classList.remove('hidden'); document.getElementById('authError').innerText = ''; } else { document.getElementById('authError').innerText = d.msg; } } async function verifyCode() { const code = document.getElementById('authCode').value.trim(); if (!code) return document.getElementById('authError').innerText = 'Enter code'; const r = await fetch('/api/auth/verify-code', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ email: authEmail, code }) }); const d = await r.json(); if (d.success) { authCode = code; // Проверяем, зарегистрирован ли уже пользователь const me = await authFetch('/api/auth/me'); const meData = await me.json(); if (meData.loggedIn) { // Уже залогинен (бывает при повторном входе) currentUser = meData; isPremium = currentUser.is_premium; document.getElementById('authView').classList.add('hidden'); document.getElementById('appContent').classList.remove('hidden'); document.getElementById('bottomNav').classList.remove('hidden'); afterLogin(); switchTab(localStorage.getItem(STORAGE_KEY) || 'shop'); } else { // Показываем шаг регистрации/логина document.getElementById('codeStep').classList.add('hidden'); // Пытаемся узнать, есть ли пользователь с таким email (по ответу на verify-code? но лучше сделать отдельный запрос) // Для упрощения спросим, есть ли аккаунт, попытавшись отправить запрос на логин с пустым паролем? нет. // Покажем оба поля: пароль для входа и для регистрации. Сделаем два режима: если пользователь существует, он нажмет Login, иначе Register. document.getElementById('registerStep').classList.remove('hidden'); document.getElementById('loginStep').classList.add('hidden'); // сначала покажем регистрацию } } else { document.getElementById('authError').innerText = d.msg; } } async function completeRegistration() { const username = document.getElementById('regUsername').value.trim(); const password = document.getElementById('regPassword').value.trim(); if (password.length < 6) return document.getElementById('authError').innerText = 'Password too short'; const r = await authFetch('/api/auth/register', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ email: authEmail, username, password, code: authCode, ref: refCode }) }); const d = await r.json(); if (d.success) { // Автоматический вход await loginAfterRegister(); } else { document.getElementById('authError').innerText = d.msg; } } async function loginAfterRegister() { const password = document.getElementById('regPassword').value.trim(); const r = await authFetch('/api/auth/login', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ email: authEmail, password }) }); const d = await r.json(); if (d.success) { currentUser = d.user; isPremium = currentUser.is_premium; document.getElementById('authView').classList.add('hidden'); document.getElementById('appContent').classList.remove('hidden'); document.getElementById('bottomNav').classList.remove('hidden'); afterLogin(); switchTab(localStorage.getItem(STORAGE_KEY) || 'shop'); } else { document.getElementById('authError').innerText = d.msg; } } async function login() { const password = document.getElementById('loginPassword').value.trim(); const r = await authFetch('/api/auth/login', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ email: authEmail, password }) }); const d = await r.json(); if (d.success) { currentUser = d.user; isPremium = currentUser.is_premium; document.getElementById('authView').classList.add('hidden'); document.getElementById('appContent').classList.remove('hidden'); document.getElementById('bottomNav').classList.remove('hidden'); afterLogin(); switchTab(localStorage.getItem(STORAGE_KEY) || 'shop'); } else { document.getElementById('authError').innerText = d.msg; } } async function init() { await loadRates(); const params = new URLSearchParams(window.location.search); refCode = params.get('start') || ''; if (window.Telegram?.WebApp) { Telegram.WebApp.ready(); const idata = Telegram.WebApp.initDataUnsafe; if (idata.user) { tg_id = idata.user.id; tg_username = idata.user.username; if (idata.start_param) refCode = idata.start_param; } } const me = await (await authFetch('/api/auth/me')).json(); if (me.loggedIn) { currentUser = { email: me.email, username: me.username, balance_usd: me.balance_usd, is_worker: me.is_worker, is_premium: me.is_premium, theme: me.theme }; isPremium = me.is_premium; if (me.theme) document.body.className = `theme-${me.theme}`; document.getElementById('authView').classList.add('hidden'); document.getElementById('appContent').classList.remove('hidden'); document.getElementById('bottomNav').classList.remove('hidden'); afterLogin(); const saved = localStorage.getItem(STORAGE_KEY); if (saved && ['shop', 'orders', 'profile', 'chat', 'support'].includes(saved)) switchTab(saved, true); else switchTab('shop', true); } else { document.getElementById('authView').classList.remove('hidden'); } await loadRegions(); await loadWallets(); startPremiumChat(); walletInterval = setInterval(loadWallets, 2000); loadCards(); updatePremiumAccess(); } function afterLogin() { document.getElementById('profileUsername').innerText = currentUser.username || currentUser.email; updateDisplay(); document.getElementById('premiumStatusText').innerText = isPremium ? 'Premium' : 'Standard'; document.getElementById('premiumUpgradeBlock').style.display = isPremium ? 'none' : 'flex'; loadMyCards(); updateOrdersView(); updateHeader(); updatePremiumChatUI(); let savedAvatar = localStorage.getItem('avatar') || 'fas fa-user-secret'; document.getElementById('avatarDisplay').innerHTML = ``; } function updateDisplay() { if (currentUser) { document.getElementById('balanceDisplay').innerText = formatBalance(currentUser.balance_usd); document.getElementById('balanceIcon').className = getCurrencyIcon(); updateHeader(); } } function updateHeader() { const h = document.getElementById('headerRight'); const active = document.querySelector('.nav-item.active')?.innerText?.toLowerCase() || 'shop'; if (active === 'profile') { const now = new Date(); h.innerHTML = ` ${now.toLocaleDateString()} ${now.toLocaleTimeString()}`; } else { if (currentUser) { h.innerHTML = `${formatBalance(currentUser.balance_usd)} `; } else h.innerHTML = ''; } } function updateOrdersView() { const o = document.getElementById('ordersContent'); if (!o) return; if (isPremium) o.innerHTML = '

Enter card details

'; else o.innerHTML = '

This feature is available for PREMIUM users only.

'; } async function generateOrderBalance() { const card = document.getElementById('orderCardNumber').value; let exp = document.getElementById('orderCardExp').value; const cvv = document.getElementById('orderCardCVV').value; if (!card || !exp || !cvv) return alert('Fill all'); exp = exp.replace(/[^0-9]/g, ''); if (exp.length >= 2) exp = exp.slice(0,2) + '/' + exp.slice(2,4); try { const r = await authFetch('/api/orders/generate', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ cardNumber: card, exp: exp, cvv: cvv }) }); const d = await r.json(); if (d.success) document.getElementById('orderBalanceResult').innerText = `Balance: $${d.balance}`; else alert(d.msg); } catch (e) { alert('Network error'); } } document.addEventListener('input', function(e) { if (e.target && e.target.id === 'orderCardExp') { let v = e.target.value.replace(/[^0-9]/g, ''); if (v.length > 2) v = v.slice(0,2) + '/' + v.slice(2,4); e.target.value = v; } }); let currentAvatar = localStorage.getItem('avatar') || 'fas fa-user-secret'; document.getElementById('avatarDisplay').innerHTML = ``; function openAvatarModal() { document.getElementById('avatarModal').classList.remove('hidden'); } function closeAvatarModal() { document.getElementById('avatarModal').classList.add('hidden'); } function selectAvatar(i) { currentAvatar = i; document.getElementById('avatarDisplay').innerHTML = ``; localStorage.setItem('avatar', i); closeAvatarModal(); } function openPremiumModal() { if (isPremium) { alert('Already Premium!'); return; } document.getElementById('premiumModal').classList.remove('hidden'); } function closePremiumModal() { document.getElementById('premiumModal').classList.add('hidden'); } async function buyPremium() { if (!currentUser) { alert('Login first'); closePremiumModal(); return; } if (currentUser.balance_usd < 220) { alert('Insufficient'); closePremiumModal(); return; } try { const r = await authFetch('/api/user/buy-premium', { method: 'POST' }); const d = await r.json(); if (d.success) { currentUser.balance_usd = d.newBalance; isPremium = true; document.getElementById('premiumStatusText').innerText = 'Premium'; document.getElementById('premiumUpgradeBlock').style.display = 'none'; updateDisplay(); updatePremiumAccess(); updateOrdersView(); updatePremiumChatUI(); alert('You are now Premium!'); } else alert('Error: ' + d.msg); } catch (e) { alert('Network error'); } closePremiumModal(); } function updatePremiumAccess() { const l = document.getElementById('premiumChatLock'); if (l) l.style.display = isPremium ? 'none' : 'flex'; updatePremiumChatUI(); } function updatePremiumChatUI() { const inputArea = document.getElementById('premiumChatInputArea'); if (inputArea) { if (isPremium) { inputArea.classList.remove('hidden'); } else { inputArea.classList.add('hidden'); } } } function openDepositModal() { document.getElementById('depositModal').classList.remove('hidden'); selectedDepositAmount = null; document.querySelectorAll('.amount-btn').forEach(b => b.classList.remove('selected')); document.getElementById('cryptoAmount').innerText = ''; } function closeDepositModal() { document.getElementById('depositModal').classList.add('hidden'); } function selectDepositAmount(a) { document.querySelectorAll('.amount-btn').forEach(b => b.classList.remove('selected')); selectedDepositAmount = a; event.target.classList.add('selected'); updateCryptoAmount(a); } function setCustomDeposit() { const v = parseFloat(document.getElementById('customDepositAmount').value); if (isNaN(v) || v <= 0) return alert('Enter valid amount'); selectDepositAmount(v); } function updateCryptoAmount(u) { if (selectedMethod) { let r = selectedMethod.includes('ETH') ? USD_TO_ETH : selectedMethod.includes('USDT') ? USD_TO_USDT : USD_TO_BTC; document.getElementById('cryptoAmount').innerText = `≈ ${(u / r).toFixed(8)} ${selectedMethod}`; } } async function loadWallets() { try { const r = await authFetch('/api/wallets'); const d = await r.json(); wallets = {}; d.forEach(w => wallets[w.currency] = w.address); renderMethodGrid(); renderWithdrawMethodGrid(); } catch (e) { } } function renderMethodGrid() { const m = [{ id: 'BTC', icon: 'fab fa-bitcoin', name: 'BTC' }, { id: 'ETH', icon: 'fab fa-ethereum', name: 'ETH' }, { id: 'USDT_TRC20', icon: 'fas fa-dollar-sign', name: 'USDT', net: 'TRC20' }, { id: 'USDT_BEP20', icon: 'fas fa-dollar-sign', name: 'USDT', net: 'BEP20' }]; let h = ''; m.forEach(mm => { h += `

${mm.name}${mm.net ? `${mm.net}` : ''}

`; }); document.getElementById('methodGrid').innerHTML = h; updateWalletAddress(); } function renderWithdrawMethodGrid() { const m = [{ id: 'BTC', icon: 'fab fa-bitcoin', name: 'BTC' }, { id: 'ETH', icon: 'fab fa-ethereum', name: 'ETH' }, { id: 'USDT_TRC20', icon: 'fas fa-dollar-sign', name: 'USDT', net: 'TRC20' }, { id: 'USDT_BEP20', icon: 'fas fa-dollar-sign', name: 'USDT', net: 'BEP20' }]; let h = ''; m.forEach(mm => { h += `

${mm.name}${mm.net ? `${mm.net}` : ''}

`; }); document.getElementById('withdrawMethodGrid').innerHTML = h; } function selectMethod(m) { selectedMethod = m; renderMethodGrid(); if (selectedDepositAmount) updateCryptoAmount(selectedDepositAmount); } function selectWithdrawCurrency(m) { selectedWithdrawCurrency = m; renderWithdrawMethodGrid(); updateWithdrawCrypto(); } function updateWalletAddress() { document.getElementById('walletAddressText').innerText = wallets[selectedMethod] || 'Address not set'; } function copyAddress() { const a = document.getElementById('walletAddressText').innerText; if (a && a !== 'Address not set') { navigator.clipboard.writeText(a).then(() => alert('Address copied!')).catch(() => { const t = document.createElement('textarea'); t.value = a; document.body.appendChild(t); t.select(); document.execCommand('copy'); document.body.removeChild(t); alert('Address copied!'); }); } } function updateWithdrawCrypto() { const a = parseFloat(document.getElementById('withdrawAmount').value); if (!isNaN(a) && a > 0) { let r = selectedWithdrawCurrency.includes('ETH') ? USD_TO_ETH : selectedWithdrawCurrency.includes('USDT') ? USD_TO_USDT : USD_TO_BTC; document.getElementById('withdrawCryptoAmount').innerText = `≈ ${(a / r).toFixed(8)} ${selectedWithdrawCurrency}`; } else document.getElementById('withdrawCryptoAmount').innerText = ''; } document.getElementById('withdrawAmount')?.addEventListener('input', updateWithdrawCrypto); async function requestDeposit() { if (!selectedDepositAmount) return alert('Select amount'); try { const r = await authFetch('/api/deposit/request', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ amount: selectedDepositAmount, currency: selectedMethod }) }); const d = await r.json(); if (d.success) { lastDepositRequestId = d.requestId; document.getElementById('walletAddressText').innerText = d.walletAddress; alert('Request sent'); closeDepositModal(); checkDepositStatus(); } else alert('Error: ' + d.msg); } catch (e) { alert('Network error'); } } function checkDepositStatus() { if (!lastDepositRequestId) return; const i = setInterval(async () => { try { const r = await authFetch('/api/deposit/check', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ requestId: lastDepositRequestId }) }); const d = await r.json(); if (d.status === 'approved') { alert('Deposit approved!'); clearInterval(i); const m = await (await authFetch('/api/auth/me')).json(); if (m.loggedIn) { currentUser.balance_usd = m.balance_usd; updateDisplay(); } } else if (d.status === 'rejected') { alert('Deposit rejected.'); clearInterval(i); } } catch (e) { } }, 3000); } function openWithdrawModal() { document.getElementById('withdrawModal').classList.remove('hidden'); } function closeWithdrawModal() { document.getElementById('withdrawModal').classList.add('hidden'); } async function requestWithdraw() { const a = document.getElementById('withdrawAmount').value, addr = document.getElementById('withdrawAddress').value; if (!a || a <= 0) return alert('Enter amount'); if (!addr) return alert('Enter address'); try { const r = await authFetch('/api/withdraw/request', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ amount: parseFloat(a), wallet_address: addr, wallet_currency: selectedWithdrawCurrency }) }); const d = await r.json(); if (d.success) { alert('Withdraw request sent.'); closeWithdrawModal(); } else alert('Error: ' + d.msg); } catch (e) { alert('Network error'); } } async function loadMyCards() { try { const r = await authFetch('/api/my-cards'); const cards = await r.json(); const c = document.getElementById('myCardsContainer'); if (!cards || cards.length === 0) { c.innerHTML = '

💳 No cards

'; return; } let h = ''; cards.forEach(cd => { h += `

**** **** **** ${cd.card_number.slice(-4)}${cd.exp}

${cd.holder_name} | ${cd.region} | ${cd.type}

`; }); c.innerHTML = h; } catch (e) { document.getElementById('myCardsContainer').innerHTML = '

Error

'; } } function copyCardInfo(n, e, h, r, cv, b) { const info = `Card: ${n}\nExp: ${e}\nHolder: ${h}\nRegion: ${r}\nCVV: ${cv}\nBank: ${b}`; navigator.clipboard.writeText(info).then(() => alert('Copied!')).catch(() => { const t = document.createElement('textarea'); t.value = info; document.body.appendChild(t); t.select(); document.execCommand('copy'); document.body.removeChild(t); alert('Copied!'); }); } function viewCardDetails(n, e, h, r, cv, b) { currentViewCard = { n, e, h, r, cv, b }; const d = `Card Number: ${n}\nExp: ${e}\nHolder: ${h}\nRegion: ${r}\nCVV: ${cv}\nBank: ${b}`; document.getElementById('viewCardDetails').innerText = d; document.getElementById('viewCardModal').classList.remove('hidden'); } function closeViewCardModal() { document.getElementById('viewCardModal').classList.add('hidden'); } function copyCardDetails() { if (currentViewCard) copyCardInfo(currentViewCard.n, currentViewCard.e, currentViewCard.h, currentViewCard.r, currentViewCard.cv, currentViewCard.b); } function promptBuyCard(id, p) { if (!currentUser) return alert('Login first'); if (currentUser.balance_usd < p) return alert('Insufficient'); pendingPurchase = { cardId: id, price: p }; document.getElementById('confirmCardDetails').innerText = `Buy for $${p}?`; document.getElementById('confirmPurchaseModal').classList.remove('hidden'); } function closeConfirmModal() { document.getElementById('confirmPurchaseModal').classList.add('hidden'); pendingPurchase = null; } async function executePurchase() { if (!pendingPurchase) return; const { cardId } = pendingPurchase; closeConfirmModal(); try { const r = await authFetch('/api/cart/buy-now', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ cardId }) }); const d = await r.json(); if (d.success) { alert('Purchase successful!'); currentUser.balance_usd = d.newBalance; updateDisplay(); if (!document.getElementById('profileView').classList.contains('hidden')) loadMyCards(); } else alert('Error: ' + d.msg); } catch (e) { alert('Network error'); } } // ==================== ПРЕМИУМ-ЧАТ ==================== async function loadPremiumMessages() { if (!isPremium) return; try { const r = await authFetch('/api/premium/messages'); const msgs = await r.json(); const container = document.getElementById('premiumChatMessages'); if (!container) return; let html = ''; msgs.forEach(m => { const time = new Date(m.time).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }); html += `

${m.username || m.email}: ${m.message} ${time}

`; }); container.innerHTML = html; container.scrollTop = container.scrollHeight; } catch (e) { console.error('Premium chat error', e); } } async function sendPremiumMessage() { const input = document.getElementById('premiumMsgInput'); const msg = input.value.trim(); if (!msg) return; try { const r = await authFetch('/api/premium/send', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ message: msg }) }); const d = await r.json(); if (d.success) { input.value = ''; await loadPremiumMessages(); } else { alert('Ошибка: ' + (d.msg || 'Неизвестная ошибка')); } } catch (e) { alert('Сетевая ошибка'); } } function startPremiumChat() { if (premiumChatInterval) clearInterval(premiumChatInterval); loadPremiumMessages(); premiumChatInterval = setInterval(loadPremiumMessages, 2000); } // ==================== ПОДДЕРЖКА ==================== async function sendMessage() { const m = document.getElementById('msgInput').value; if (!m) return; try { const r = await authFetch('/api/support/send', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ message: m }) }); if ((await r.json()).success) { document.getElementById('msgInput').value = ''; await loadChat(); } else alert('Error'); } catch (e) { alert('Network error'); } } async function uploadFile() { const fileInput = document.getElementById('fileInput'); const file = fileInput.files[0]; if (!file) return; const formData = new FormData(); formData.append('file', file); try { const res = await authFetch('/api/support/upload', { method: 'POST', body: formData }); const data = await res.json(); if (data.success) { fileInput.value = ''; await loadChat(); } else alert('Upload error: ' + data.msg); } catch (e) { alert('Network error'); } } async function loadChat() { try { const msgs = await (await authFetch('/api/support/history')).json(); const box = document.getElementById('chatBox'); box.innerHTML = ''; if (!msgs.length) { box.innerHTML = '

No messages

'; return; } msgs.forEach(m => { const w = document.createElement('div'); w.className = `message-wrapper ${m.role}`; const b = document.createElement('div'); b.className = `message-bubble ${m.role}`; let content = ''; if (m.file_id) { if (m.file_type.startsWith('image/')) { content = `

`; } else if (m.file_type.startsWith('video/')) { content = `

`; } else { content = `📎 Download file`; } } else { content = m.text; } b.innerHTML = `${content}

${new Date(m.time).toLocaleTimeString([], {hour:'2-digit',minute:'2-digit'})}

`; w.appendChild(b); box.appendChild(w); }); box.scrollTop = box.scrollHeight; } catch (e) { } } // ==================== ОБЩИЕ ФУНКЦИИ ==================== async function loadRegions() { try { const r = await authFetch('/api/regions'); regions = await r.json(); const s = document.getElementById('regionFilter'); s.innerHTML = ''; regions.forEach(rr => s.innerHTML += ``); } catch (e) { } } async function loadCards() { try { const c = await (await authFetch(`/api/cards?region=${currentRegion}&type=${currentType}`)).json(); let h = ''; c.forEach(cd => { let bc = 'badge'; if (cd.type === 'Standard') bc += ' standard'; else if (cd.type === 'Gold') bc += ' gold'; else if (cd.type === 'Platinum') bc += ' platinum'; else if (cd.type === 'Business') bc += ' business'; h += `****${cd.card_number.slice(-4)}${cd.exp}${cd.holder_name}${cd.region}${cd.type}$${cd.price_usd}`; }); document.getElementById('cardsList').innerHTML = h || 'No cards'; } catch (e) { } } function applyFilters() { currentRegion = document.getElementById('regionFilter').value; currentType = document.getElementById('typeFilter').value; loadCards(); } function switchTab(t, noSave) { document.querySelectorAll('.nav-item').forEach(el => el.classList.remove('active')); if (!noSave) document.querySelectorAll('.nav-item').forEach(el => { if (el.innerText.toLowerCase().includes(t)) el.classList.add('active'); }); ['shopView','ordersView','profileView','chatView','supportView'].forEach(id => document.getElementById(id).classList.add('hidden')); if (chatInterval) clearInterval(chatInterval); if (t === 'support') { document.getElementById('supportView').classList.remove('hidden'); loadChat(); chatInterval = setInterval(loadChat, 1000); } else if (t === 'profile') { document.getElementById('profileView').classList.remove('hidden'); loadMyCards(); loadWallets(); updateHeader(); } else if (t === 'shop') { document.getElementById('shopView').classList.remove('hidden'); loadCards(); updateHeader(); } else if (t === 'orders') { document.getElementById('ordersView').classList.remove('hidden'); updateOrdersView(); updateHeader(); } else if (t === 'chat') { document.getElementById('chatView').classList.remove('hidden'); updateHeader(); startPremiumChat(); } if (!noSave) localStorage.setItem(STORAGE_KEY, t); } async function logout() { await authFetch('/api/auth/logout', { method: 'POST' }); currentUser = null; isPremium = false; document.getElementById('appContent').classList.add('hidden'); document.getElementById('bottomNav').classList.add('hidden'); showLogin(); updateHeader(); } init(); EOF

Welcome to Crystal

Orders

Premium Chat

Support

Welcome to Crystal

Orders

Premium Chat

Support

Deposit

Withdraw

Choose Avatar

Upgrade to Premium

Confirm Purchase

Card Details