Fix WC highlights: direct scrape from xemlaibongda.top/the-gioi/world-cup

static/wc2026_v2.js

@@ -80,7 +80,6 @@ function renderWCStandings(el){
     el.innerHTML=WC_CSS+'<div class="wc-bxh">'+d.html+'</div>';
     const box=el.querySelector('.wc-bxh');
     if(box){
-      // Insert a column-header row right after each group title so stats are labeled
       box.querySelectorAll('.title-table, h6').forEach(t=>{
         if(t.nextElementSibling && t.nextElementSibling.classList.contains('bxh-head'))return;
         const head=document.createElement('div');
@@ -92,7 +91,6 @@ function renderWCStandings(el){
     el.querySelectorAll('a').forEach(a=>a.addEventListener('click',e=>e.preventDefault()));
     return;
   }
-  // Self-calculate from fixtures
   const fx=_wc2026Data.fixtures||{};const matches=fx.matches||[];
   const gm=matches.filter(m=>m.group&&m.group.toLowerCase().includes('group'));
   if(!gm.length){el.innerHTML='<div class="loading">BXH cập nhật khi giải bắt đầu 11/06/2026<br><small style="color:#6a9fca">🔴 Livescore tự động</small></div>';return;}
@@ -109,29 +107,71 @@ function renderWCStats(el){
   else el.innerHTML='<div class="loading">Thống kê cập nhật khi giải bắt đầu<br><small style="color:#6a9fca">Vua phá lưới · Kiến tạo · Thẻ phạt</small></div>';
 }
 
-// === HIGHLIGHTS (WC + Friendly from xemlaibongda.top) ===
+// === HIGHLIGHTS - Direct scrape from xemlaibongda.top/the-gioi/world-cup ===
+// Also loads Friendly from /giai-khac/friendly
 async function renderWCHighlights(el){
-  el.innerHTML='<div class="loading">Đang tải highlight...</div>';
+  el.innerHTML='<div class="loading">Đang tải highlight từ xemlaibongda.top...</div>';
   try{
-    // Load both WC and Friendly highlights
-    const[wc,fr]=await Promise.all([
-      fetch('/api/highlights/world-cup').then(r=>r.json()).catch(()=>[]),
-      fetch('/api/highlights/friendly').then(r=>r.json()).catch(()=>[])
+    // Direct scrape from xemlaibongda.top — bypass backend for reliability
+    const [wcHtml, frHtml] = await Promise.all([
+      fetch('https://xemlaibongda.top/the-gioi/world-cup', {signal: AbortSignal.timeout(15000)}).then(r=>r.ok?r.text():'').catch(()=>''),
+      fetch('https://xemlaibongda.top/giai-khac/friendly', {signal: AbortSignal.timeout(15000)}).then(r=>r.ok?r.text():'').catch(()=>'')
     ]);
-    // Keep per-league index so the clicked card maps to the correct video in its own league array
-    const all=[...(wc||[]).map((v,j)=>({...v,_league:'WC',_li:j})),...(fr||[]).map((v,j)=>({...v,_league:'Friendly',_li:j}))];
-    if(!all.length){el.innerHTML='<div class="loading">Chưa có highlight World Cup & Giao hữu</div>';return;}
+
+    const parseVideos = (html) => {
+      if (!html) return [];
+      const vids = [];
+      const seen = new Set();
+      // Match all article/video links with thumbnails
+      const re = /<a[^>]+href=["'](\/[^"']*\/video\/[^"']+)["'][^>]*>[\s\S]*?<img[^>]+src=["']([^"']+)["'][^>]*>[\s\S]*?<[^>]+class=["'][^"']*title[^"']*["'][^>]*>([^<]+)</gi;
+      let m;
+      while ((m = re.exec(html)) !== null) {
+        const link = 'https://xemlaibongda.top' + m[1].trim();
+        const img = m[2].trim();
+        const title = m[3].trim();
+        if (link && !seen.has(link) && title.length > 3) {
+          seen.add(link);
+          vids.push({ link, img, title });
+        }
+        if (vids.length >= 24) break;
+      }
+      // Fallback: simpler regex if first pattern fails
+      if (vids.length === 0) {
+        const re2 = /<a[^>]+href=["'](\/[^"']*\/video\/[^"']+)["'][^>]*>[\s\S]*?([^<]{8,})<\/a>/gi;
+        while ((m = re2.exec(html)) !== null) {
+          const link = 'https://xemlaibongda.top' + m[1].trim();
+          const title = m[2].trim();
+          if (link && !seen.has(link) && title.length > 5) {
+            seen.add(link);
+            vids.push({ link, img: '', title });
+          }
+          if (vids.length >= 24) break;
+        }
+      }
+      return vids;
+    };
+
+    const wcVids = parseVideos(wcHtml).map((v,i)=>({...v,_league:'WC',_li:i}));
+    const frVids = parseVideos(frHtml).map((v,i)=>({...v,_league:'Friendly',_li:i}));
+    const all = [...wcVids, ...frVids];
+
+    if(!all.length){
+      el.innerHTML='<div class="loading">Chưa có highlight World Cup / Giao hữu</div>';
+      return;
+    }
+
     let h='<div style="display:grid;grid-template-columns:repeat(2,1fr);gap:6px;max-height:450px;overflow-y:auto;padding:4px">';
-    all.slice(0,24).forEach((v,i)=>{
-      const league=v._league==='WC'?'world-cup':'friendly';
+    all.forEach((v,i)=>{
       const badge=v._league==='WC'?'🌍 WC':'🤝 Friendly';
-      h+=`<div style="cursor:pointer;border-radius:6px;overflow:hidden;background:#0a1520" onclick="openHighlightFeed('${league}',${v._li},'${esc(v.link)}')">`;
-      h+=`<div style="position:relative;aspect-ratio:16/9;background:#1a2a3a">${v.img?`<img src="${esc(v.img)}" style="width:100%;height:100%;object-fit:cover">`:''}<div class="card-play">▶</div></div>`;
+      h+=`<div style="cursor:pointer;border-radius:6px;overflow:hidden;background:#0a1520" onclick="openHighlightFeed('${v._league==='WC'?'world-cup':'friendly'}',${v._li},'${esc(v.link)}')">`;
+      h+=`<div style="position:relative;aspect-ratio:16/9;background:#1a2a3a">${v.img?`<img src="${esc(v.img)}" style="width:100%;height:100%;object-fit:cover" onerror="this.style.display='none'">`:''}<div class="card-play">▶</div></div>`;
       h+=`<div style="padding:4px 6px"><span style="font-size:8px;color:#f0c040">${badge}</span><div style="font-size:10px;color:#ccc;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden">${esc(v.title)}</div></div>`;
       h+='</div>';
     });
     h+='</div>';el.innerHTML=h;
-  }catch(e){el.innerHTML='<div class="loading">Lỗi tải highlight</div>';}
+  }catch(e){
+    el.innerHTML='<div class="loading">Lỗi tải highlight: '+esc(e.message)+'</div>';
+  }
 }
 
 // === LIVE AUTO-REFRESH (90s) ===
@@ -145,4 +185,4 @@ function startWCLiveRefresh(){
     }catch(e){}
   },90000);
 }
-setTimeout(startWCLiveRefresh,5000);
+setTimeout(startWCLiveRefresh,5000);