const sheetID = '1A_94jmOSz5rHt6RuJ91gXRDIEb491lHHepdQCCd6n3k';
const apiKey = 'AIzaSyDER6yz4xWgDDjVgcQQpXl3TEcncrQO4mk';
function loadMatches(dayType, btn) {
const ranges = {
'Tomorrow': 'Tomorrow!A2:L100',
'Today': 'Today!A2:L100',
'Yesterday': 'Yesterday!A2:L100'
};
const range = ranges[dayType];
const transientKey = `match_schedule_${dayType}`;
const transientExpiration = 60 * 1000; // 60 seconds
let cachedData = localStorage.getItem(transientKey);
let cacheTime = localStorage.getItem(`${transientKey}_time`);
if (cachedData && cacheTime && (new Date().getTime() - cacheTime) < transientExpiration) {
displayMatches(JSON.parse(cachedData), btn);
} else {
const url = `https://sheets.googleapis.com/v4/spreadsheets/${sheetID}/values/${range}?key=${apiKey}`;
document.querySelectorAll('.buttons button').forEach(button => button.classList.remove('active'));
btn.classList.add('active');
fetch(url)
.then(response => response.json())
.then(data => {
localStorage.setItem(transientKey, JSON.stringify(data.values || []));
localStorage.setItem(`${transientKey}_time`, new Date().getTime());
displayMatches(data.values || [], btn);
})
.catch(error => console.error('Error fetching data:', error));
}
}
function displayMatches(matches) {
const matchesContainer = document.getElementById('matches');
matchesContainer.innerHTML = '';
if (matches.length === 0) {
matchesContainer.innerHTML = '
![${match[0]}](${match[1]})
![${match[3]}](${match[4]})
`
};
});
matches.sort((a, b) => a.statusOrder - b.statusOrder || a.matchTimeFull - b.matchTimeFull);
matches.forEach(match => matchesContainer.innerHTML += match.html);
}
// Load today's matches on page load
loadMatches('Today', document.getElementById('todayBtn'));
لا يوجد مباريات هامة اليوم
'; return; } matches = matches.map(match => { const matchTimeFull = new Date(match[6]); const currentTime = new Date(); const timeDiff = (currentTime - matchTimeFull) / 60000; let status = "لم تبدأ بعد"; let statusClass = "status-not-started"; let statusOrder = 2; if (timeDiff >= 0 && timeDiff <= 120) { status = "مباشر"; statusClass = "status-live"; statusOrder = 1; } else if (timeDiff > 120) { status = "انتهت المباراة"; statusClass = "status-ended"; statusOrder = 3; } return { statusOrder, matchTimeFull, html: `${match[0]}
${matchTimeFull.toLocaleTimeString('en-EG', { hour: '2-digit', minute: '2-digit' })}
${status}
${match[3]}
${match[7]}
${match[8]}
${match[9]}