const API_URL = "https://eporner-proxy.vinaymadaan9.workers.dev/?query=hd&per_page=28&thumbsize=big&order=top-weekly&format=json";

async function initGallery() {
    const grid = document.getElementById('video-grid');
    try {
        const res = await fetch(API_URL);
        const data = await res.json();
        grid.innerHTML = '';
        if (!data.videos || data.videos.length === 0) { grid.innerHTML = '<p style="grid-column: 1/-1; text-align:center;">No streams found.</p>'; return; }
        data.videos.forEach(video => {
            const a = document.createElement('a');
            a.className = 'card';
            a.href = `watch.html?id=${video.id}&title=${encodeURIComponent(video.title)}&embed=${encodeURIComponent(video.embed)}`;
            a.innerHTML = `<div class="thumb-box"><img src="${video.default_thumb.src}" alt="${video.title}" loading="lazy"><span class="duration">${video.length_min}</span></div><div class="card-info"><div class="card-title">${video.title}</div><div class="card-meta"><span>👁️ ${(video.views).toLocaleString()}</span><span>⭐ ${video.rate}</span></div></div>`;
            grid.appendChild(a);
        });
    } catch (err) { grid.innerHTML = '<p style="grid-column: 1/-1; text-align:center; color:#ff4444;">Failed to load video feed.</p>'; }
}
initGallery();