feat: Parent Report Engine (HTML to PDF) and SendGrid Delivery

main.py

@@ -335,6 +335,87 @@ async def ask_question(request: AskQuestionRequest):
     data = request.dict()
     res = await orchestrator.ask_question(data.get("context_data"), data.get("question"), data.get("student_name"))
     return JSONResponse(content=res)
+    
+class MigrationRequest(BaseModel):
+    batch_size: Optional[int] = 50
+
+@app.post("/admin/migrate_to_v2")
+async def migrate_to_v2(req: MigrationRequest, x_api_key: str = Header(None)):
+    """
+    V280.2: Admin endpoint to migrate users to V2 Quota system.
+    """
+    from config import FIREBASE_CREDENTIALS_JSON
+    import os
+    
+    # Just a basic safety check (in production, use a real secret)
+    admin_secret = os.environ.get("ADMIN_SECRET_KEY", "buddy_admin_123")
+    if x_api_key != admin_secret:
+        raise HTTPException(status_code=401, detail="Unauthorized")
+        
+    try:
+        from scripts.migrate_users_to_cloud import migrate_users
+        import asyncio
+        
+        # Run migration in background so we don't block
+        asyncio.create_task(asyncio.to_thread(migrate_users))
+        
+        return {"status": "success", "message": "Migration started in background."}
+    except Exception as e:
+        logger.error(f"Migration error: {e}")
+        raise HTTPException(status_code=500, detail=str(e))
+
+class ReportRequest(BaseModel):
+    uid: str
+    student_name: str
+    parent_email: str
+    week_id: str
+
+@app.post("/v2/send_weekly_report")
+async def send_weekly_report(req: ReportRequest):
+    """
+    Generates and emails the weekly AI Assessment report to the parent.
+    """
+    try:
+        import os
+        from report_generator import report_generator
+        
+        # 1. Produce HTML
+        html_content = report_generator.produce_weekly_report(
+            uid=req.uid,
+            week_id=req.week_id,
+            student_name=req.student_name
+        )
+        
+        # 2. Generate PDF
+        pdf_path = f"/tmp/report_{req.uid}_{req.week_id}.pdf"
+        # Create tmp dir if it doesn't exist (local dev)
+        os.makedirs(os.path.dirname(pdf_path), exist_ok=True)
+        report_generator.export_to_pdf(html_content, pdf_path)
+        
+        # 3. Email PDF
+        success = report_generator.send_report_email(
+            parent_email=req.parent_email,
+            student_name=req.student_name,
+            pdf_path=pdf_path
+        )
+        
+        # Cleanup
+        try:
+            if os.path.exists(pdf_path):
+                os.remove(pdf_path)
+        except Exception as e:
+            print(f"Cleanup failed for {pdf_path}: {e}")
+            
+        if success:
+            return {"status": "success", "message": f"Report sent to {req.parent_email}"}
+            
+        return JSONResponse(status_code=500, content={"status": "error", "message": "Failed to send email via SendGrid."})
+        
+    except Exception as e:
+        logger.error(f"Failed to generate report: {e}")
+        import traceback
+        traceback.print_exc()
+        return JSONResponse(status_code=500, content={"status": "error", "message": str(e)})
 
 if __name__ == "__main__":
     import uvicorn

packages.txt

@@ -0,0 +1,4 @@
+pango1.0-tools
+libpango1.0-dev
+libcairo2-dev
+libffi-dev

report_generator.py

@@ -0,0 +1,257 @@
+import os
+import json
+import urllib.parse
+from jinja2 import Environment, FileSystemLoader
+
+# Try to import pdfkit if available
+try:
+    import pdfkit
+    HAS_PDFKIT = True
+except ImportError:
+    HAS_PDFKIT = False
+
+# Fallback to weasyprint if preferred/available
+try:
+    from weasyprint import HTML
+    HAS_WEASYPRINT = True
+except Exception as e:
+    print(f"Weasyprint not available: {e}")
+    HAS_WEASYPRINT = False
+
+import sendgrid
+from sendgrid.helpers.mail import Mail, Attachment, FileContent, FileName, FileType, Disposition
+import base64
+
+from firebase_manager import firebase_manager
+
+class ReportGenerator:
+    """
+    Generates weekly Parent Reports in HTML and PDF formats natively.
+    """
+    def __init__(self):
+        self.templates_dir = os.path.join(os.path.dirname(__file__), "templates")
+        # Ensure templates directory exists
+        os.makedirs(self.templates_dir, exist_ok=True)
+        self.jinja_env = Environment(loader=FileSystemLoader(self.templates_dir))
+
+    def _get_db(self):
+        return firebase_manager.get_db()
+
+    def generate_quickchart_url(self, labels, data, title="מיומנויות"):
+        """
+        Builds a URL for QuickChart.io to generate a static Radar Chart image.
+        """
+        chart_config = {
+            "type": "radar",
+            "data": {
+                "labels": labels,
+                "datasets": [{
+                    "label": title,
+                    "data": data,
+                    "backgroundColor": "rgba(59, 130, 246, 0.2)",
+                    "borderColor": "rgba(59, 130, 246, 1)",
+                    "pointBackgroundColor": "rgba(59, 130, 246, 1)",
+                    "pointBorderColor": "#fff",
+                    "pointHoverBackgroundColor": "#fff",
+                    "pointHoverBorderColor": "rgba(59, 130, 246, 1)"
+                }]
+            },
+            "options": {
+                "scale": {
+                    "ticks": { "beginAtZero": True, "max": 100, "stepSize": 20 },
+                    "pointLabels": { "fontSize": 14, "fontFamily": "sans-serif" }
+                },
+                "legend": { "display": False }
+            }
+        }
+        encoded_config = urllib.parse.quote(json.dumps(chart_config))
+        # Use high resolution for PDF printing
+        return f"https://quickchart.io/chart?w=500&h=500&c={encoded_config}"
+
+    def produce_weekly_report(self, uid: str, week_id: str, student_name: str = "התלמיד"):
+        """
+        Fetches data from Firestore, renders the HTML template, and returns the HTML string.
+        """
+        db = self._get_db()
+        if not db:
+            raise Exception("Firestore DB not initialized.")
+
+        doc_ref = db.collection("users").document(uid).collection("analytics").document(week_id)
+        doc = doc_ref.get()
+
+        if not doc.exists:
+            raise Exception(f"No analytics data found for {uid} in {week_id}")
+
+        data = doc.to_dict()
+        
+        # Process Skills metrics
+        skills_raw = data.get("skills_data", {})
+        skills_processed = []
+        chart_labels = []
+        chart_data = []
+        total_score_sum = 0
+        total_skills_count = 0
+
+        # Known taxonomy to ensure a consistent radar outline (even if 0)
+        taxonomy = ["אלגברה", "גיאומטריה", "טריגונומטריה", "הסתברות", "חשבון דיפרנציאלי"]
+        
+        for skill_name in taxonomy:
+            chart_labels.append(skill_name)
+            if skill_name in skills_raw:
+                skill_info = skills_raw[skill_name]
+                s_sum = skill_info.get("sum_scores", 0)
+                s_count = skill_info.get("count", 0)
+                s_avg = int(s_sum / s_count) if s_count > 0 else 0
+                
+                chart_data.append(s_avg)
+                
+                total_score_sum += s_avg
+                total_skills_count += 1
+                
+                skills_processed.append({
+                    "name": skill_name,
+                    "score": s_avg,
+                    "sub_skills": skill_info.get("sub_skills", [])
+                })
+            else:
+                chart_data.append(0)
+
+        overall_mastery = int(total_score_sum / total_skills_count) if total_skills_count > 0 else 0
+        total_exercises = data.get("total_exercises", 0)
+        parent_notes = data.get("parent_notes", [])
+        
+        # Deduplicate parent notes and limit to top 5
+        parent_notes = list(set(parent_notes))[:5]
+        
+        # Identify "Focus for next week" (Lowest mastery score that is > 0 or first parent note)
+        focus_for_next_week = ""
+        if skills_processed:
+            # Sort skills by score ascending
+            sorted_skills = sorted(skills_processed, key=lambda x: x["score"])
+            lowest_skill = sorted_skills[0]
+            if lowest_skill["score"] < 80:
+                focus_target = ", ".join(lowest_skill['sub_skills']) if lowest_skill['sub_skills'] else lowest_skill['name']
+                focus_for_next_week = f"חזרה על {focus_target} לחיזוק השליטה בנושא."
+        
+        if not focus_for_next_week and parent_notes:
+            focus_for_next_week = parent_notes[0]
+
+        # Generate Chart
+        chart_url = self.generate_quickchart_url(chart_labels, chart_data)
+
+        # Template Rendering
+        template = self.jinja_env.get_template("report_template.html")
+        html_content = template.render(
+            week_label=week_id.replace("week_", "").replace("_", "/"),
+            student_name=student_name,
+            total_exercises=total_exercises,
+            overall_mastery=overall_mastery,
+            skills=skills_processed,
+            chart_url=chart_url,
+            parent_notes=parent_notes,
+            focus_for_next_week=focus_for_next_week
+        )
+
+        return html_content
+
+    def export_to_pdf(self, html_content: str, output_path: str):
+        """
+        Converts the rendered HTML to a PDF file.
+        Prefer WeasyPrint if available (better CSS/font support), fallback to pdfkit.
+        """
+        if HAS_WEASYPRINT:
+            HTML(string=html_content).write_pdf(output_path)
+            return True
+        elif HAS_PDFKIT:
+            options = {
+                'page-size': 'A4',
+                'margin-top': '0.75in',
+                'margin-right': '0.75in',
+                'margin-bottom': '0.75in',
+                'margin-left': '0.75in',
+                'encoding': "UTF-8",
+                'no-outline': None
+            }
+            pdfkit.from_string(html_content, output_path, options=options)
+            return True
+        else:
+            raise Exception("No PDF rendering library found. Please install 'weasyprint' or 'pdfkit'.")
+            
+    def send_report_email(self, parent_email: str, student_name: str, pdf_path: str):
+        """
+        Sends the generated PDF report via SendGrid.
+        """
+        sg_api_key = os.environ.get("SENDGRID_API_KEY")
+        if not sg_api_key:
+            print("⚠️ [EMAIL] SENDGRID_API_KEY not found in environment. Skipping email.")
+            return False
+            
+        try:
+            sg = sendgrid.SendGridAPIClient(api_key=sg_api_key)
+            
+            # The sender email must be verified in SendGrid
+            from_email = os.environ.get("SENDGRID_FROM_EMAIL", "reports@buddymath.co.il")
+            subject = f"איך עבר השבוע של {student_name} במתמטיקה? 📈 הדוח השבועי מ-BuddyMath בפנים."
+            
+            # Simple content
+            content = "היי! מצורף דוח התקדמות שבועי המפרט את המיומנויות שתורגלו במהלך השבוע. נמשיך לתרגל ולהשתפר!\n\nצוות BuddyMath 🤖"
+            
+            message = Mail(
+                from_email=from_email,
+                to_emails=parent_email,
+                subject=subject,
+                plain_text_content=content
+            )
+            
+            # Attach PDF
+            with open(pdf_path, 'rb') as f:
+                data = f.read()
+            encoded_file = base64.b64encode(data).decode()
+            
+            attachment = Attachment(
+                FileContent(encoded_file),
+                FileName(f"BuddyMath_Weekly_Report_{student_name}.pdf"),
+                FileType('application/pdf'),
+                Disposition('attachment')
+            )
+            message.attachment = attachment
+            
+            response = sg.send(message)
+            print(f"📧 [EMAIL] Report sent to {parent_email}. Status code: {response.status_code}")
+            return response.status_code in [200, 202]
+            
+        except Exception as e:
+            print(f"❌ [EMAIL] SendGrid failed: {e}")
+            return False
+
+# Global Instance
+report_generator = ReportGenerator()
+
+if __name__ == "__main__":
+    # Test script locally with mockup data if running directly
+    print("Running Report Generator Test...")
+    import asyncio
+    
+    gen = ReportGenerator()
+    labels = ["אלגברה", "גיאומטריה", "טריגונומטריה", "הסתברות", "חשבון דיפרנציאלי"]
+    data = [85, 90, 60, 100, 40]
+    url = gen.generate_quickchart_url(labels, data)
+    print("QuickChart URL:", url)
+    
+    mock_html = gen.jinja_env.get_template("report_template.html").render(
+        week_label="11/2026",
+        student_name="דותן הרוש",
+        total_exercises=14,
+        overall_mastery=75,
+        skills=[
+            {"name": "אלגברה", "score": 85, "sub_skills": ["משוואות ממעלה ראשונה", "חוקי חזקות"]},
+            {"name": "גיאומטריה", "score": 90, "sub_skills": ["חפיפת משולשים"]},
+        ],
+        chart_url=url,
+        parent_notes=["התלמיד גילה הבנה טובה בבידוד משתנים", "שליטה מעולה בחוקי חזקות!"],
+        focus_for_next_week="חזרה על נוסחאות הכפל המקוצר לשיפור הדיוק האלגברי."
+    )
+    
+    with open("sample_report.html", "w", encoding="utf-8") as f:
+        f.write(mock_html)
+    print("Generated sample_report.html directly to root dir for browser inspection.")

requirements.txt

@@ -11,4 +11,8 @@ sympy
 edge-tts>=7.0.0
 firebase-admin==6.4.0
 opencv-python-headless
-sse-starlette
+sse-starlette
+jinja2
+pdfkit
+weasyprint
+sendgrid

sample_report.html

@@ -0,0 +1,266 @@
+<!DOCTYPE html>
+<html lang="he" dir="rtl">
+<head>
+    <meta charset="UTF-8">
+    <title>דוח התקדמות שבועי - BuddyMath</title>
+    <style>
+        /* CSS Inline for PDF Compatibility */
+        @import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;600;800&display=swap');
+        
+        body {
+            font-family: 'Assistant', sans-serif;
+            background-color: #f8fafc;
+            color: #1e293b;
+            margin: 0;
+            padding: 40px;
+            direction: rtl;
+        }
+
+        .container {
+            max-width: 800px;
+            margin: 0 auto;
+            background: white;
+            border-radius: 24px;
+            padding: 40px;
+            box-shadow: 0 10px 25px rgba(0,0,0,0.05);
+        }
+
+        .header {
+            text-align: center;
+            margin-bottom: 40px;
+            border-bottom: 2px solid #e2e8f0;
+            padding-bottom: 20px;
+        }
+
+        .header h1 {
+            color: #4f46e5;
+            font-size: 32px;
+            margin: 0 0 10px 0;
+            font-weight: 800;
+        }
+
+        .header p {
+            color: #64748b;
+            font-size: 18px;
+            margin: 0;
+        }
+
+        .stats-grid {
+            display: flex;
+            justify-content: space-between;
+            margin-bottom: 40px;
+            gap: 20px;
+        }
+
+        .stat-card {
+            flex: 1;
+            background: #eff6ff;
+            border-radius: 16px;
+            padding: 24px;
+            text-align: center;
+            border: 1px solid #bfdbfe;
+        }
+
+        .stat-card h3 {
+            margin: 0 0 10px 0;
+            color: #3b82f6;
+            font-size: 16px;
+        }
+
+        .stat-card .value {
+            font-size: 36px;
+            font-weight: 800;
+            color: #1d4ed8;
+            margin: 0;
+        }
+
+        .content-flex {
+            display: flex;
+            gap: 40px;
+            margin-bottom: 40px;
+        }
+
+        .chart-section {
+            flex: 1;
+            text-align: center;
+            background: #ffffff;
+            border-radius: 20px;
+            padding: 20px;
+            border: 1px solid #e2e8f0;
+        }
+
+        .chart-section h2 {
+            color: #334155;
+            font-size: 20px;
+            margin-top: 0;
+        }
+
+        .chart-img {
+            max-width: 100%;
+            height: auto;
+        }
+
+        .skills-list {
+            flex: 1;
+        }
+
+        .skill-item {
+            margin-bottom: 20px;
+        }
+
+        .skill-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 8px;
+        }
+
+        .skill-name {
+            font-weight: 600;
+            color: #334155;
+        }
+
+        .skill-score {
+            font-weight: 800;
+            color: #4f46e5;
+        }
+
+        .progress-bar {
+            height: 12px;
+            background: #e2e8f0;
+            border-radius: 10px;
+            overflow: hidden;
+        }
+
+        .progress-fill {
+            height: 100%;
+            background: linear-gradient(90deg, #6366f1, #3b82f6);
+            border-radius: 10px;
+        }
+
+        .sub-skills {
+            margin-top: 8px;
+            font-size: 14px;
+            color: #64748b;
+        }
+
+        .notes-section {
+            background: #fdf2f8;
+            border-radius: 20px;
+            padding: 30px;
+            border: 1px solid #fbcfe8;
+        }
+
+        .notes-section h2 {
+            color: #be185d;
+            margin-top: 0;
+            font-size: 20px;
+        }
+
+        .note-item {
+            position: relative;
+            padding-right: 24px;
+            margin-bottom: 12px;
+            color: #831843;
+            font-size: 16px;
+            line-height: 1.5;
+        }
+
+        .note-item::before {
+            content: "•";
+            position: absolute;
+            right: 0;
+            color: #ec4899;
+            font-size: 24px;
+            line-height: 1;
+        }
+
+        .footer {
+            margin-top: 40px;
+            text-align: center;
+            color: #94a3b8;
+            font-size: 14px;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="header">
+            <h1>דוח התקדמות שבועי</h1>
+            <p>שבוע 11/2026 | דותן הרוש</p>
+        </div>
+
+        <div class="stats-grid">
+            <div class="stat-card">
+                <h3>סה"כ תרגילים שנפתרו</h3>
+                <p class="value">14</p>
+            </div>
+            <div class="stat-card">
+                <h3>ממוצע שליטה כללי</h3>
+                <p class="value">75%</p>
+            </div>
+        </div>
+
+        <div class="content-flex">
+            <!-- Radar Chart via QuickChart.io -->
+            <div class="chart-section">
+                <h2>מפת מיומנויות</h2>
+                <img class="chart-img" src="https://quickchart.io/chart?w=500&h=500&c=%7B%22type%22%3A%20%22radar%22%2C%20%22data%22%3A%20%7B%22labels%22%3A%20%5B%22%5Cu05d0%5Cu05dc%5Cu05d2%5Cu05d1%5Cu05e8%5Cu05d4%22%2C%20%22%5Cu05d2%5Cu05d9%5Cu05d0%5Cu05d5%5Cu05de%5Cu05d8%5Cu05e8%5Cu05d9%5Cu05d4%22%2C%20%22%5Cu05d8%5Cu05e8%5Cu05d9%5Cu05d2%5Cu05d5%5Cu05e0%5Cu05d5%5Cu05de%5Cu05d8%5Cu05e8%5Cu05d9%5Cu05d4%22%2C%20%22%5Cu05d4%5Cu05e1%5Cu05ea%5Cu05d1%5Cu05e8%5Cu05d5%5Cu05ea%22%2C%20%22%5Cu05d7%5Cu05e9%5Cu05d1%5Cu05d5%5Cu05df%20%5Cu05d3%5Cu05d9%5Cu05e4%5Cu05e8%5Cu05e0%5Cu05e6%5Cu05d9%5Cu05d0%5Cu05dc%5Cu05d9%22%5D%2C%20%22datasets%22%3A%20%5B%7B%22label%22%3A%20%22%5Cu05de%5Cu05d9%5Cu05d5%5Cu05de%5Cu05e0%5Cu05d5%5Cu05d9%5Cu05d5%5Cu05ea%22%2C%20%22data%22%3A%20%5B85%2C%2090%2C%2060%2C%20100%2C%2040%5D%2C%20%22backgroundColor%22%3A%20%22rgba%2859%2C%20130%2C%20246%2C%200.2%29%22%2C%20%22borderColor%22%3A%20%22rgba%2859%2C%20130%2C%20246%2C%201%29%22%2C%20%22pointBackgroundColor%22%3A%20%22rgba%2859%2C%20130%2C%20246%2C%201%29%22%2C%20%22pointBorderColor%22%3A%20%22%23fff%22%2C%20%22pointHoverBackgroundColor%22%3A%20%22%23fff%22%2C%20%22pointHoverBorderColor%22%3A%20%22rgba%2859%2C%20130%2C%20246%2C%201%29%22%7D%5D%7D%2C%20%22options%22%3A%20%7B%22scale%22%3A%20%7B%22ticks%22%3A%20%7B%22beginAtZero%22%3A%20true%2C%20%22max%22%3A%20100%2C%20%22stepSize%22%3A%2020%7D%2C%20%22pointLabels%22%3A%20%7B%22fontSize%22%3A%2014%2C%20%22fontFamily%22%3A%20%22sans-serif%22%7D%7D%2C%20%22legend%22%3A%20%7B%22display%22%3A%20false%7D%7D%7D" alt="Radar Chart">
+            </div>
+
+            <div class="skills-list">
+                <h2>פירוט נושאים</h2>
+                
+                <div class="skill-item">
+                    <div class="skill-header">
+                        <span class="skill-name">אלגברה</span>
+                        <span class="skill-score">85%</span>
+                    </div>
+                    <div class="progress-bar">
+                        <div class="progress-fill" style="width: 85%;"></div>
+                    </div>
+                    <div class="sub-skills">
+                        <strong>תתי-נושאים שטופלו:</strong> משוואות ממעלה ראשונה, חוקי חזקות
+                    </div>
+                </div>
+                
+                <div class="skill-item">
+                    <div class="skill-header">
+                        <span class="skill-name">גיאומטריה</span>
+                        <span class="skill-score">90%</span>
+                    </div>
+                    <div class="progress-bar">
+                        <div class="progress-fill" style="width: 90%;"></div>
+                    </div>
+                    <div class="sub-skills">
+                        <strong>תתי-נושאים שטופלו:</strong> חפיפת משולשים
+                    </div>
+                </div>
+                
+            </div>
+        </div>
+
+        
+        <div class="notes-section" style="margin-bottom: 30px;">
+            <h2>נקודות לשימור ולחיזוק 💡</h2>
+            
+            <div class="note-item">התלמיד גילה הבנה טובה בבידוד משתנים</div>
+            
+            <div class="note-item">שליטה מעולה בחוקי חזקות!</div>
+            
+        </div>
+        
+
+        
+        <div class="notes-section" style="background: #f0fdfa; border-color: #ccfbf1;">
+            <h2 style="color: #0d9488;">מטרה לשבוע הבא 🎯</h2>
+            <div class="note-item" style="color: #115e59;">חזרה על נוסחאות הכפל המקוצר לשיפור הדיוק האלגברי.</div>
+        </div>
+        
+
+        <div class="footer">
+            <p>הופק על ידי מערכת הבינה המלאכותית של מורה באדי | BuddyMath</p>
+        </div>
+    </div>
+</body>
+</html>

templates/report_template.html

@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html lang="he" dir="rtl">
+<head>
+    <meta charset="UTF-8">
+    <title>דוח התקדמות שבועי - BuddyMath</title>
+    <style>
+        /* CSS Inline for PDF Compatibility */
+        @import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;600;800&display=swap');
+        
+        body {
+            font-family: 'Assistant', sans-serif;
+            background-color: #f8fafc;
+            color: #1e293b;
+            margin: 0;
+            padding: 40px;
+            direction: rtl;
+        }
+
+        .container {
+            max-width: 800px;
+            margin: 0 auto;
+            background: white;
+            border-radius: 24px;
+            padding: 40px;
+            box-shadow: 0 10px 25px rgba(0,0,0,0.05);
+        }
+
+        .header {
+            text-align: center;
+            margin-bottom: 40px;
+            border-bottom: 2px solid #e2e8f0;
+            padding-bottom: 20px;
+        }
+
+        .header h1 {
+            color: #4f46e5;
+            font-size: 32px;
+            margin: 0 0 10px 0;
+            font-weight: 800;
+        }
+
+        .header p {
+            color: #64748b;
+            font-size: 18px;
+            margin: 0;
+        }
+
+        .stats-grid {
+            display: flex;
+            justify-content: space-between;
+            margin-bottom: 40px;
+            gap: 20px;
+        }
+
+        .stat-card {
+            flex: 1;
+            background: #eff6ff;
+            border-radius: 16px;
+            padding: 24px;
+            text-align: center;
+            border: 1px solid #bfdbfe;
+        }
+
+        .stat-card h3 {
+            margin: 0 0 10px 0;
+            color: #3b82f6;
+            font-size: 16px;
+        }
+
+        .stat-card .value {
+            font-size: 36px;
+            font-weight: 800;
+            color: #1d4ed8;
+            margin: 0;
+        }
+
+        .content-flex {
+            display: flex;
+            gap: 40px;
+            margin-bottom: 40px;
+        }
+
+        .chart-section {
+            flex: 1;
+            text-align: center;
+            background: #ffffff;
+            border-radius: 20px;
+            padding: 20px;
+            border: 1px solid #e2e8f0;
+        }
+
+        .chart-section h2 {
+            color: #334155;
+            font-size: 20px;
+            margin-top: 0;
+        }
+
+        .chart-img {
+            max-width: 100%;
+            height: auto;
+        }
+
+        .skills-list {
+            flex: 1;
+        }
+
+        .skill-item {
+            margin-bottom: 20px;
+        }
+
+        .skill-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 8px;
+        }
+
+        .skill-name {
+            font-weight: 600;
+            color: #334155;
+        }
+
+        .skill-score {
+            font-weight: 800;
+            color: #4f46e5;
+        }
+
+        .progress-bar {
+            height: 12px;
+            background: #e2e8f0;
+            border-radius: 10px;
+            overflow: hidden;
+        }
+
+        .progress-fill {
+            height: 100%;
+            background: linear-gradient(90deg, #6366f1, #3b82f6);
+            border-radius: 10px;
+        }
+
+        .sub-skills {
+            margin-top: 8px;
+            font-size: 14px;
+            color: #64748b;
+        }
+
+        .notes-section {
+            background: #fdf2f8;
+            border-radius: 20px;
+            padding: 30px;
+            border: 1px solid #fbcfe8;
+        }
+
+        .notes-section h2 {
+            color: #be185d;
+            margin-top: 0;
+            font-size: 20px;
+        }
+
+        .note-item {
+            position: relative;
+            padding-right: 24px;
+            margin-bottom: 12px;
+            color: #831843;
+            font-size: 16px;
+            line-height: 1.5;
+        }
+
+        .note-item::before {
+            content: "•";
+            position: absolute;
+            right: 0;
+            color: #ec4899;
+            font-size: 24px;
+            line-height: 1;
+        }
+
+        .footer {
+            margin-top: 40px;
+            text-align: center;
+            color: #94a3b8;
+            font-size: 14px;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="header">
+            <h1>דוח התקדמות שבועי</h1>
+            <p>שבוע {{ week_label }} | {{ student_name }}</p>
+        </div>
+
+        <div class="stats-grid">
+            <div class="stat-card">
+                <h3>סה"כ תרגילים שנפתרו</h3>
+                <p class="value">{{ total_exercises }}</p>
+            </div>
+            <div class="stat-card">
+                <h3>ממוצע שליטה כללי</h3>
+                <p class="value">{{ overall_mastery }}%</p>
+            </div>
+        </div>
+
+        <div class="content-flex">
+            <!-- Radar Chart via QuickChart.io -->
+            <div class="chart-section">
+                <h2>מפת מיומנויות</h2>
+                <img class="chart-img" src="{{ chart_url }}" alt="Radar Chart">
+            </div>
+
+            <div class="skills-list">
+                <h2>פירוט נושאים</h2>
+                {% for skill in skills %}
+                <div class="skill-item">
+                    <div class="skill-header">
+                        <span class="skill-name">{{ skill.name }}</span>
+                        <span class="skill-score">{{ skill.score }}%</span>
+                    </div>
+                    <div class="progress-bar">
+                        <div class="progress-fill" style="width: {{ skill.score }}%;"></div>
+                    </div>
+                    <div class="sub-skills">
+                        <strong>תתי-נושאים שטופלו:</strong> {{ skill.sub_skills | join(", ") }}
+                    </div>
+                </div>
+                {% endfor %}
+            </div>
+        </div>
+
+        {% if parent_notes and parent_notes|length > 0 %}
+        <div class="notes-section" style="margin-bottom: 30px;">
+            <h2>נקודות לשימור ולחיזוק 💡</h2>
+            {% for note in parent_notes %}
+            <div class="note-item">{{ note }}</div>
+            {% endfor %}
+        </div>
+        {% endif %}
+
+        {% if focus_for_next_week %}
+        <div class="notes-section" style="background: #f0fdfa; border-color: #ccfbf1;">
+            <h2 style="color: #0d9488;">מטרה לשבוע הבא 🎯</h2>
+            <div class="note-item" style="color: #115e59;">{{ focus_for_next_week }}</div>
+        </div>
+        {% endif %}
+
+        <div class="footer">
+            <p>הופק על ידי מערכת הבינה המלאכותית של מורה באדי | BuddyMath</p>
+        </div>
+    </div>
+</body>
+</html>