async function loadLesson(num) {
    const display = document.getElementById('display-box');
    display.innerHTML = '<div class="loading">جاري التحميل...</div>';

    // 1. تحديد اسم المجلد كما يظهر في صورتك
    const folderName = "7_history.json"; 
    
    // 2. تحديد اسم الملف (يجب التأكد أن الاسم ينتهي بـ .json)
    // سنحاول مطابقة التسمية التي استخدمتها في صورك
    let fileName = "";
    if (num === 1) {
        fileName = "الجزء 1.json"; // تأكد من إعادة تسمية الملف في هاتفك لهذا الاسم
    } else if (num === 2) {
        fileName = "الجزء 2 حضارة بلاد الرافدين.json";
    } else if (num === 3) {
        fileName = "الجزء 3 حضارة مصر الفرعونية.json";
    }
    // يمكنك إكمال البقية بنفس النمط

    // 3. المسار الكامل (المجلد + اسم الملف)
    const fullPath = `${folderName}/${fileName}`;

    try {
        // نستخدم encodeURI للتعامل مع الحروف العربية والمسافات في الرابط
        const response = await fetch(encodeURI(fullPath));
        
        if (!response.ok) throw new Error("الملف غير موجود في المسار: " + fullPath);
        
        const data = await response.json();
        display.innerHTML = `
            <h2 style="color:#e67e22">${data.title}</h2>
            <hr>
            <p>${data.content}</p>
        `;
    } catch (error) {
        display.innerHTML = `<b style="color:red">خطأ:</b> تعذر الوصول للملف.<br>المسار المحاول: ${fullPath}`;
    }
}