cuenta atras proximo video

cliente_template.py

@@ -166,7 +166,20 @@ hr{{border:none;border-top:1px solid #333;margin:25px 0}}
 <div class="stat">🎬 <b>Último video:</b> {ULTIMO_VIDEO}</div>
 <div class="stat">⚡ <b>Estado:</b> {STATUS}</div>
 <div class="stat">📺 <b>YouTube:</b> {yt_status}</div>
+<div class="stat">⏰ <b>Próximo video en:</b> <span id="countdown">--:--:--</span></div>
 </div>
+<script>
+let nextVideo = new Date().getTime() + 4*60*60*1000;
+setInterval(()=>{{
+  let now = new Date().getTime();
+  let diff = nextVideo - now;
+  if(diff<0){{nextVideo = now + 4*60*60*1000; diff = 4*60*60*1000;}}
+  let h = Math.floor(diff/(1000*60*60));
+  let m = Math.floor((diff%(1000*60*60))/(1000*60));
+  let s = Math.floor((diff%(1000*60))/1000);
+  document.getElementById("countdown").innerText = h+"h "+m+"m "+s+"s";
+}}, 1000);
+</script>
 <hr>
 <h3 style="color:#ff2d2d">📜 Logs en tiempo real</h3>
 <div class="logs">{logs_html}</div>