FIX: restore wc2026_v2.js from commit 48e2e2a - was corrupted with orphaned code fragments

static/wc2026_v2.js

@@ -1,5 +1,6 @@
-// === WORLD CUP 2026 - Highlights ===
+// === WORLD CUP 2026 - Highlights + Shorts ===
 let _wc2026Data=null;let _wcRefreshInterval=null;
+let _wcShortsData=[]; // YouTube shorts: VTV Nam Bộ + WC moments
 const WC_TEAMS={'Mexico':'🇲🇽 Mexico','Colombia':'🇨🇴 Colombia','USA':'🇺🇸 Mỹ','United States':'🇺🇸 Mỹ','Brazil':'🇧🇷 Brazil','Argentina':'🇦🇷 Argentina','Germany':'🇩🇪 Đức','France':'🇫🇷 Pháp','Spain':'🇪🇸 Tây Ban Nha','England':'🏴󠁧󠁢󠁥󠁮󠁧󠁿 Anh','Portugal':'🇵🇹 Bồ Đào Nha','Netherlands':'🇳🇱 Hà Lan','Italy':'🇮🇹 Ý','Belgium':'🇧🇪 Bỉ','Croatia':'🇭🇷 Croatia','Uruguay':'🇺🇾 Uruguay','Japan':'🇯🇵 Nhật Bản','South Korea':'🇰🇷 Hàn Quốc','Korea Republic':'🇰🇷 Hàn Quốc','Australia':'🇦🇺 Úc','Saudi Arabia':'🇸🇦 Ả Rập Xê Út','Iran':'🇮🇷 Iran','Qatar':'🇶🇦 Qatar','Canada':'🇨🇦 Canada','Morocco':'🇲🇦 Morocco','Senegal':'🇸🇳 Senegal','Ecuador':'🇪🇨 Ecuador','Serbia':'🇷🇸 Serbia','Switzerland':'🇨🇭 Thụy Sĩ','Denmark':'🇩🇰 Đan Mạch','Poland':'🇵🇱 Ba Lan','Turkey':'🇹🇷 Thổ Nhĩ Kỳ','Türkiye':'🇹🇷 Thổ Nhĩ Kỳ','Ukraine':'🇺🇦 Ukraine','Egypt':'🇪🇬 Ai Cập','Nigeria':'🇳🇬 Nigeria','Cameroon':'🇨🇲 Cameroon','Ghana':'🇬🇭 Ghana','Tunisia':'🇹🇳 Tunisia','Algeria':'🇩🇿 Algeria','South Africa':'🇿🇦 Nam Phi','Indonesia':'🇮🇩 Indonesia','Vietnam':'🇻🇳 Việt Nam','China PR':'🇨🇳 Trung Quốc','New Zealand':'🇳🇿 New Zealand','Panama':'🇵🇦 Panama','Costa Rica':'🇨🇷 Costa Rica','Jamaica':'🇯🇲 Jamaica','Honduras':'🇭🇳 Honduras','Paraguay':'🇵🇾 Paraguay','Bolivia':'🇧🇴 Bolivia','Chile':'🇨🇱 Chile','Peru':'🇵🇪 Peru','Venezuela':'🇻🇪 Venezuela','Norway':'🇳🇴 Na Uy','Sweden':'🇸🇪 Thụy Điển','Austria':'🇦🇹 Áo','Scotland':'🏴󠁧󠁢󠁳󠁣󠁴󠁿 Scotland','Wales':'🏴󠁧󠁢󠁷󠁬󠁳󠁿 Xứ Wales','Ireland':'🇮🇪 Ireland','Romania':'🇷🇴 Romania','Hungary':'🇭🇺 Hungary','Greece':'🇬🇷 Hy Lạp','Uzbekistan':'🇺🇿 Uzbekistan','Iraq':'🇮🇶 Iraq','TBD':'🏳️ TBD'};
 function _t(n){return WC_TEAMS[n]||WC_TEAMS[(n||'').trim()]||'🏴 '+n;}
 
@@ -29,7 +30,18 @@ const WC_CSS=`<style>
 .wc-bxh th{background:#0b1a2a!important;color:#6a9fca!important;padding:5px 3px!important;font-size:9px!important;text-align:center!important}
 .wc-bxh td{padding:4px 3px!important;border-bottom:1px solid #0d1a2a!important;font-size:10px!important;color:#ddd!important}
 /* WC Shorts slider */
-
+.wc-shorts-slider{margin:8px 0}
+.wc-shorts-track{display:flex;overflow-x:auto;gap:8px;padding:4px 0 10px;scrollbar-width:none}
+.wc-shorts-track::-webkit-scrollbar{display:none}
+.wc-shorts-item{flex:0 0 130px;cursor:pointer;border-radius:8px;overflow:hidden;background:#0a1520;border:1px solid #1a3a5a;transition:border-color .2s}
+.wc-shorts-item:hover{border-color:#f0c040}
+.wc-shorts-thumb{position:relative;width:100%;aspect-ratio:9/16;background:#1a2a3a;overflow:hidden}
+.wc-shorts-thumb img{width:100%;height:100%;object-fit:cover}
+.wc-shorts-thumb .card-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}
+.wc-shorts-info{padding:4px 6px}
+.wc-shorts-badge{font-size:8px;font-weight:700;padding:1px 4px;border-radius:3px;display:inline-block;margin-bottom:2px}
+.wc-shorts-title{font-size:10px;color:#ccc;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
+.wc-shorts-viewall{flex:0 0 100px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0b2e4a,#1a3a5a);border-radius:8px;cursor:pointer;border:1px dashed #2a5a8a;color:#8ab4d8;font-size:11px;font-weight:700;text-align:center;padding:8px}
 </style>`;
 
 function switchWCTab(tab){
@@ -138,7 +150,102 @@ async function renderWCHighlights(el){
   }
 }
 
-// (WC Shorts removed per user request)
+// === WC SHORTS SLIDE — shown inside WC section ===
+function renderWCShortsSlide(container){
+  if(!_wcShortsData || !_wcShortsData.length) return;
+  const wrap = document.createElement('div');
+  wrap.className = 'slider-wrap wc-shorts-slider';
+  let h = '<div class="slider-header"><span class="slider-label">📱 Shorts World Cup</span><span style="font-size:10px;color:#8ab4d8;cursor:pointer" onclick="openWCShortsFeed(0)">Xem tất cả →</span></div>';
+  h += '<div class="wc-shorts-track">';
+  _wcShortsData.slice(0,10).forEach((s,i)=>{
+    const badge = s.channel==='vtvnambo' ? 'VTV Nam Bộ' : '⚽ WC';
+    const badgeColor = s.channel==='vtvnambo' ? '#0b6bcb' : '#f26522';
+    h += `<div class="wc-shorts-item" onclick="openWCShortsFeed(${i})">`;
+    h += `<div class="wc-shorts-thumb">${s.img?`<img src="${esc(s.img)}" loading="lazy" onerror="this.style.display='none'">`:''}<div class="card-play">▶</div></div>`;
+    h += `<div class="wc-shorts-info"><span class="wc-shorts-badge" style="background:${badgeColor};color:#fff">${badge}</span><div class="wc-shorts-title">${esc(s.title)}</div></div>`;
+    h += '</div>';
+  });
+  // "View all" card
+  h += `<div class="wc-shorts-viewall" onclick="openWCShortsFeed(0)">📱 Xem tất cả<br><small style="font-size:9px;color:#6a9fca">${_wcShortsData.length} shorts</small></div>`;
+  h += '</div>';
+  wrap.innerHTML = h;
+  container.appendChild(wrap);
+}
+
+// === WC SHORTS TIKTOK FEED — full-screen vertical scroll, continuous autoplay ===
+async function openWCShortsFeed(startIdx){
+  showView('view-tiktok');
+  const el = document.getElementById('view-tiktok');
+  el.innerHTML = '<div class="loading">Đang tải shorts...</div>';
+
+  // Fetch shorts if not loaded
+  if(!_wcShortsData || !_wcShortsData.length){
+    try{
+      const r = await fetch('/api/shorts?channel=vtvnambo&count=30');
+      _wcShortsData = await r.json() || [];
+    }catch(e){
+      _wcShortsData = [];
+    }
+  }
+
+  if(!_wcShortsData.length){
+    el.innerHTML = '<div class="loading">Chưa có shorts</div>';
+    return;
+  }
+
+  // Rotate so startIdx is first
+  const ordered = startIdx > 0 ? [..._wcShortsData.slice(startIdx), ..._wcShortsData.slice(0,startIdx)] : _wcShortsData;
+
+  let h = `<button class="back-btn" onclick="switchCat('home')">← World Cup Shorts</button>`;
+  h += '<div class="tiktok-container"><div class="tiktok-feed" id="wc-shorts-feed">';
+
+  ordered.forEach((s,i)=>{
+    const id = s.id || '';
+    const src = `https://www.youtube.com/embed/${id}?autoplay=0&rel=0&playsinline=1&mute=1`;
+    const vtag = `<iframe data-yt-src="${src}" allowfullscreen allow="accelerometer;autoplay;clipboard-write;encrypted-media;gyroscope;picture-in-picture"></iframe>`;
+    const badge = s.channel==='vtvnambo' ? 'VTV Nam Bộ' : '⚽ WC';
+    const badgeClass = s.channel==='vtvnambo' ? 'badge-wc' : 'badge-fpt';
+    const videoId = 'wcshort-' + id;
+    h += buildTikTokSlide({vtag,title:s.title,badge,badgeClass,videoId,idx:i,total:ordered.length,shareUrl:'https://youtube.com/shorts/'+id});
+  });
+
+  h += '</div></div>';
+  el.innerHTML = h;
+
+  // Init continuous autoplay feed
+  initWCShortsFeed();
+}
+
+function initWCShortsFeed(){
+  const feed = document.getElementById('wc-shorts-feed');
+  if(!feed) return;
+  const slides = feed.querySelectorAll('.tiktok-slide');
+  let cur = -1;
+  let isManualScroll = false;
+  let manualTimer = null;
+
+  function activate(i){
+    if(i === cur) return;
+    slides.forEach((sl,idx)=>{
+      const fr = sl.querySelector('iframe');
+      if(idx === i){
+        // Load and play
+        if(fr && !fr.src && fr.dataset.ytSrc) fr.src = fr.dataset.ytSrc;
+        // For continuous feel: set autoplay=1 on activate
+        if(fr && fr.src && !fr.src.includes('autoplay=1')){
+          fr.src = fr.src.replace('autoplay=0','autoplay=1');
+        }
+        const vid = sl.dataset.vid;
+        if(vid && !sl._viewed){ sl._viewed = true; doInteract(vid,'view'); }
+      } else {
+        // Pause: reload with autoplay=0 to stop
+        if(fr && fr.src){
+          fr.src = fr.src.replace('autoplay=1','autoplay=0');
+        }
+      }
+    });
+    cur = i;
+  }
 
   // Scroll-based activation with snap
   let scrollTimer;
@@ -207,4 +314,4 @@ function startWCLiveRefresh(){
     }catch(e){}
   },90000);
 }
-setTimeout(startWCLiveRefresh,5000);
+setTimeout(startWCLiveRefresh,5000);