Function fetchAndDisplayContent

script.js:208–286

()

        startLoadingBar();

const [movieRes, tvRes] = await Promise.all([
    apiClient.request(apiUrls.now_playing),
    apiClient.request(apiUrls.tv_trending)
]);


        if (!movieRes.ok || !tvRes.ok) throw new Error('خطا در دریافت داده‌ها');

        const [movieData, tvData] = await Promise.all([movieRes.json(), tvRes.json()]);

        movieContainer.innerHTML = tvContainer.innerHTML = '';
        const seenIds = new Set();

        const renderItems = async (items, container, type) => {
            const elements = await Promise.all(items.map(async item => {
                if (seenIds.has(item.id)) return '';
                seenIds.add(item.id);

                const title = item.title || item.name || 'نامشخص';
                const rawDate = item.release_date || item.first_air_date || '';
                const year = rawDate ? rawDate.slice(0, 4) : '';
                const rating = item.vote_average ? Number(item.vote_average).toFixed(1) : '';
                const overview = item.overview ? item.overview.slice(0, 120) + '…' : 'توضیحات موجود نیست';
                const link = `/${type === 'movie' ? 'movie' : 'series'}/index.html?id=${item.id}`;

                // پوستر مستقیم از TMDB (سریع و پایدار) با fallback به پروکسی و سپس تصویر پیش‌فرض
                const tmdbPoster = item.poster_path ? `${baseImageUrl}${item.poster_path}` : '';
                const proxiedPoster = tmdbPoster && window.FreeMovieApi ? window.FreeMovieApi.proxify(tmdbPoster) : '';
                const initialPoster = tmdbPoster || defaultPoster;
                const fallback1 = (proxiedPoster && proxiedPoster !== initialPoster) ? proxiedPoster : defaultPoster;
                const onError = `if(this.dataset.s==='2'){this.onerror=null;return;}if(this.dataset.s==='1'){this.dataset.s='2';this.src='${defaultPoster}';return;}this.dataset.s='1';this.src='${fallback1}';`;

                const homeStatusBadge = await buildHomepageStatusBadge(item, type);

                return `
                    <div class="movie-card group">
                        <a href="${link}" class="poster-wrap" aria-label="${title}">
                            ${homeStatusBadge}
                            <img src="${initialPoster}" alt="پوستر ${title}" loading="lazy" class="poster-img" onerror="${onError}">
                            <div class="poster-overlay">
                                <p class="overlay-text">${overview}</p>
                                <span class="overlay-btn">مشاهده جزئیات</span>
                            </div>
                        </a>
                        <div class="card-info">
                            <h3 class="card-title" title="${title}">${title}</h3>
                            <div class="card-meta">
                                ${rating ? `<span class="card-rating"><i class="fas fa-star"></i> ${rating}</span>` : '<span></span>'}
                                ${year ? `<span class="card-year">${year}</span>` : ''}
                            </div>
                            <a href="${link}" class="card-btn">مشاهده</a>
                        </div>
                    </div>
                `;
            }));
            container.innerHTML = elements.filter(Boolean).join('') || '<p class="text-center text-red-500 col-span-full">داده‌ای یافت نشد!</p>';
        };