document.addEventListener('DOMContentLoaded', function() { let predictionsData = {}; let filteredData = {}; let leagues = new Set(); let years = new Set(); let isInitialLoad = true; const BET_AMOUNT = 100; const predictionsContainer = document.getElementById('predictions-container'); const searchInput = document.getElementById('search-input'); const leagueFilter = document.getElementById('league-filter'); const predictionFilter = document.getElementById('prediction-filter'); const monthFilter = document.getElementById('month-filter'); const yearFilter = document.getElementById('year-filter'); const dateRangeFilter = document.getElementById('date-range'); const refreshBtn = document.getElementById('refresh-btn'); const totalPredictions = document.getElementById('total-predictions'); const avgConfidence = document.getElementById('avg-confidence'); const highestOdds = document.getElementById('highest-odds'); const totalProfit = document.getElementById('total-profit'); async function fetchData() { try { predictionsContainer.innerHTML = '

Loading predictions data...

'; const response = await fetch('https://chito365.github.io/app/predss.json'); if (!response.ok) throw new Error('Failed to fetch data'); const data = await response.json(); processData(data); } catch (error) { showError('Failed to load predictions data. Please try again.'); console.error('Error fetching data:', error); } } function processData(data) { predictionsData = {}; Object.keys(data).forEach(date => { const matches = data[date]; matches.forEach(match => { if (match['Actual Score']) { const actualScoreParts = match['Actual Score'].split('-').map(s => parseInt(s.trim())); const totalGoals = actualScoreParts[0] + actualScoreParts[1]; match.isWin = (match.Prediction === 'Over2.5' && totalGoals > 2.5) || (match.Prediction === 'Under2.5' && totalGoals < 2.5); } else { match.isWin = null; } }); const sortedMatches = [...matches] .sort((a, b) => b.Confidence - a.Confidence) .filter(match => match.Odds >= 1.91 && match.Odds <= 2.59); const selectedMatches = sortedMatches.length > 1 ? sortedMatches.slice(0, 2) : sortedMatches.slice(0, Math.min(sortedMatches.length, 1)); if (selectedMatches.length > 0) { const bet = { type: selectedMatches.length > 1 ? 'double' : 'single', matches: selectedMatches, odds: selectedMatches.reduce((acc, match) => acc * match.Odds, 1), confidence: selectedMatches.reduce((acc, match) => acc + match.Confidence, 0) / selectedMatches.length }; if (bet.matches.every(m => m['Actual Score'])) { bet.isWin = bet.matches.every(m => m.isWin); bet.profit = bet.isWin ? ((bet.odds - 1) * BET_AMOUNT) : -BET_AMOUNT; } else { bet.isWin = null; bet.profit = 0; } predictionsData[date] = [bet]; } matches.forEach(match => { leagues.add(match.League); years.add(new Date(date).getFullYear()); }); }); populateLeagueFilter(); populateYearFilter(); if (isInitialLoad) { const currentYear = new Date().getFullYear(); if (years.has(currentYear)) yearFilter.value = currentYear; isInitialLoad = false; } applyFilters(); } function populateLeagueFilter() { leagueFilter.innerHTML = ''; const sortedLeagues = Array.from(leagues).sort(); sortedLeagues.forEach(league => { const option = document.createElement('option'); option.value = league; option.textContent = league; leagueFilter.appendChild(option); }); } function populateYearFilter() { yearFilter.innerHTML = ''; const sortedYears = Array.from(years).sort((a, b) => b - a); sortedYears.forEach(year => { const option = document.createElement('option'); option.value = year; option.textContent = year; yearFilter.appendChild(option); }); } function applyFilters() { const searchTerm = searchInput.value.toLowerCase(); const league = leagueFilter.value; const prediction = predictionFilter.value; const month = monthFilter.value; const year = yearFilter.value; const dateRange = dateRangeFilter.value; filteredData = {}; Object.keys(predictionsData).forEach(date => { const dateObj = new Date(date); if (year !== 'all' && dateObj.getFullYear() != year) return; if (month !== 'all' && dateObj.getMonth() != month) return; if (dateRange !== 'all') { const currentDate = new Date(); currentDate.setHours(0, 0, 0, 0); if (dateRange === 'today' && dateObj.toDateString() !== currentDate.toDateString()) return; if (dateRange === 'tomorrow') { const tomorrow = new Date(currentDate); tomorrow.setDate(currentDate.getDate() + 1); if (dateObj.toDateString() !== tomorrow.toDateString()) return; } if (dateRange === 'week') { const weekStart = new Date(currentDate); const weekEnd = new Date(currentDate); weekStart.setDate(currentDate.getDate() - currentDate.getDay()); weekEnd.setDate(weekStart.getDate() + 6); if (dateObj < weekStart || dateObj > weekEnd) return; } } const filteredBets = predictionsData[date].filter(bet => { const matchesSearch = bet.matches.some(match => match['Team A'].toLowerCase().includes(searchTerm) || match['Team B'].toLowerCase().includes(searchTerm) || match.League.toLowerCase().includes(searchTerm) ); if (searchTerm && !matchesSearch) return false; if (league !== 'all' && !bet.matches.some(match => match.League === league)) return false; if (prediction !== 'all' && !bet.matches.some(match => match.Prediction === prediction)) return false; return true; }); if (filteredBets.length > 0) filteredData[date] = filteredBets; }); updateStats(); renderPredictions(); } function updateStats() { let totalBets = 0; let confidenceSum = 0; let maxOdds = 0; let profitSum = 0; Object.keys(filteredData).forEach(date => { filteredData[date].forEach(bet => { totalBets++; confidenceSum += bet.confidence; maxOdds = Math.max(maxOdds, bet.odds); profitSum += bet.profit; }); }); totalPredictions.textContent = totalBets; avgConfidence.textContent = totalBets > 0 ? (confidenceSum / totalBets * 100).toFixed(1) + '%' : '0%'; highestOdds.textContent = maxOdds > 0 ? maxOdds.toFixed(2) : '0.00'; const formattedProfit = profitSum > 0 ? '+' + profitSum.toFixed(2) : profitSum.toFixed(2); totalProfit.textContent = formattedProfit; totalProfit.style.color = profitSum > 0 ? 'var(--success)' : profitSum < 0 ? 'var(--danger)' : 'var(--text-light)'; } function renderPredictions() { predictionsContainer.innerHTML = ''; const dates = Object.keys(filteredData).sort().reverse(); if (dates.length === 0) { predictionsContainer.innerHTML = `

No predictions found

Try adjusting your filters

`; return; } dates.forEach(date => { const bets = filteredData[date]; if (bets && bets.length > 0) { const formattedDate = new Date(date).toLocaleDateString('en-US', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }); const dateHeader = document.createElement('div'); dateHeader.className = 'date-header'; dateHeader.textContent = formattedDate; predictionsContainer.appendChild(dateHeader); const table = document.createElement('table'); table.className = 'predictions-table'; table.innerHTML = ` Bet Type Teams League Prediction Confidence Odds Profit ($) Status `; const tbody = table.querySelector('tbody'); bets .forEach(bet => { const tr = document.createElement('tr'); const confidencePercent = (bet.confidence * 100).toFixed(1); const statusClass = bet.isWin === null ? 'status-pending' : bet.isWin ? 'status-win' : 'status-loss'; const statusText = bet.isWin === null ? 'Pending' : bet.isWin ? 'Win' : 'Loss'; const profitDisplay = bet.isWin === null ? 'Pending' : bet.profit > 0 ? `+${bet.profit.toFixed(2)}` : `-${Math.abs(bet.profit).toFixed(2)}`; tr.innerHTML = ` ${bet.type.charAt(0).toUpperCase() + bet.type.slice(1)} ${bet.matches.map(match => `

${match['Team A']}

${match['Team B']}

${bet.type === 'double' ? '

' : ''} `).join('')} ${bet.matches.map(match => `

${match.League}

`).join(bet.type === 'double' ? '

' : '')} ${bet.matches.map(match => `${match.Prediction}`).join(bet.type === 'double' ? '
' : '')}

${confidencePercent}%

${bet.odds.toFixed(2)} ${profitDisplay} ${statusText} `; tbody.appendChild(tr); }); predictionsContainer.appendChild(table); } }); } function showError(message) { predictionsContainer.innerHTML = `

${message}

`; } searchInput.addEventListener('input', applyFilters); leagueFilter.addEventListener('change', applyFilters); predictionFilter.addEventListener('change', applyFilters); monthFilter.addEventListener('change', applyFilters); yearFilter.addEventListener('change', applyFilters); dateRangeFilter.addEventListener('change', applyFilters); refreshBtn.addEventListener('click', () => { refreshBtn.disabled = true; refreshBtn.innerHTML = ` Refreshing... `; fetchData().finally(() => { setTimeout(() => { refreshBtn.disabled = false; refreshBtn.innerHTML = ` Refresh Data `; }, 500); }); }); document.addEventListener('keydown', function(e) { if (e.key === 'Enter' && document.activeElement === searchInput) { applyFilters(); } }); fetchData(); });

Mark Dinn