From 9a1cb3adfd9b098ca38425f0a159c230f5b0f873 Mon Sep 17 00:00:00 2001
From: Hamza-Ayed <hamzaayedflutter@gmail.com>
Date: Sat, 29 Aug 2026 02:55:07 +0300
Subject: [PATCH] feat: Add UI button to watch NotebookLM AI Video Summary in
 Student Portal if ai_video_url exists for the lesson

---
 backend/app/Views/StudentPortal.php | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/backend/app/Views/StudentPortal.php b/backend/app/Views/StudentPortal.php
index 533263e..5493a5e 100644
--- a/backend/app/Views/StudentPortal.php
+++ b/backend/app/Views/StudentPortal.php
@@ -824,6 +824,15 @@ class StudentPortal
                     </div>
                 </div>
 
+                <!-- AI Assets Buttons Area -->
+                <div id="ai_assets_container" style="display: <?= !empty($activeLesson['ai_video_url']) ? 'flex' : 'none' ?>; gap: 10px; margin-top: 15px; margin-bottom: 20px;">
+                    <?php if (!empty($activeLesson['ai_video_url'])): ?>
+                        <a href="<?= htmlspecialchars($activeLesson['ai_video_url']) ?>" target="_blank" class="btn-primary" style="background: linear-gradient(135deg, #10B981, #059669); font-size: 13px; text-decoration: none; padding: 10px 20px;">
+                            🎬 مشاهدة ملخص الذكاء الاصطناعي (AI Video)
+                        </a>
+                    <?php endif; ?>
+                </div>
+
                 <!-- AI Timeline Chapters Roadmap -->
                 <div style="margin-top: 20px; background: rgba(15, 23, 42, 0.6); border: 1px solid var(--border); border-radius: 16px; padding: 18px;">
                     <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px;">
@@ -1239,6 +1248,22 @@ class StudentPortal
                         badge.textContent = `الفحص السقراطي الذكي نشط (${checkpoints.length} نقاط فحص) 🧠`;
                     }
 
+                    // Update AI Video Button
+                    const aiAssetsContainer = document.getElementById('ai_assets_container');
+                    if (aiAssetsContainer && les) {
+                        if (les.ai_video_url) {
+                            aiAssetsContainer.style.display = 'flex';
+                            aiAssetsContainer.innerHTML = `
+                                <a href="${les.ai_video_url}" target="_blank" class="btn-primary" style="background: linear-gradient(135deg, #10B981, #059669); font-size: 13px; text-decoration: none; padding: 10px 20px;">
+                                    🎬 مشاهدة ملخص الذكاء الاصطناعي (AI Video)
+                                </a>
+                            `;
+                        } else {
+                            aiAssetsContainer.style.display = 'none';
+                            aiAssetsContainer.innerHTML = '';
+                        }
+                    }
+
                     // Render AI Timeline Chapters
                     const chaptersList = document.getElementById('ai_timeline_chapters_list');
                     if (chaptersList) {