Make the website functional so I can access it to view the videos and PDFs.

index.html

@@ -117,10 +117,10 @@
                             <a href="https://youtube.com/playlist?list=PLHv_18PNzsypUfqnQBBvI-P4MCXDut1ZH" target="_blank" class="text-fegred hover:text-red-400 flex items-center">
                                 <i data-feather="video" class="w-4 h-4 mr-1"></i> سلسلة 2
                             </a>
-                            <a href="#" class="text-fegwhite hover:text-gray-300 flex items-center">
+                            <a href="/pdf/microeconomie.pdf" class="text-fegwhite hover:text-gray-300 flex items-center" target="_blank">
                                 <i data-feather="file-text" class="w-4 h-4 mr-1"></i> تحميل PDF
                             </a>
-                        </div>
+</div>
 <div class="flex justify-between items-center">
                             <div class="flex space-x-2">
                                 <span class="bg-gray-100 px-2 py-1 rounded text-xs flex items-center">
@@ -130,8 +130,8 @@
                                     <i data-feather="video" class="w-3 h-3 mr-1"></i> فيديو
                                 </span>
                             </div>
-                            <button class="text-fegred hover:text-red-700 text-sm font-medium">عرض المادة</button>
-                        </div>
+                <a href="/module/microeconomie" class="text-fegred hover:text-red-700 text-sm font-medium">عرض المادة</a>
+</div>
                     </div>
                 </div>
                 <!-- Module 2 -->
@@ -164,10 +164,10 @@
                         <h3 class="font-bold text-lg mb-2">Statistique Descriptive - الإحصاء الوصفي</h3>
                         <p class="text-gray-300 text-sm mb-4">Méthodes statistiques pour l'analyse des données</p>
                         <div class="space-y-2">
-                            <a href="#" class="text-fegwhite hover:text-gray-300 flex items-center">
+                            <a href="/pdf/statistique.pdf" class="text-fegwhite hover:text-gray-300 flex items-center" target="_blank">
                                 <i data-feather="file-text" class="w-4 h-4 mr-1"></i> تحميل PDF
                             </a>
-                            <a href="#" class="text-fegred hover:text-red-400 flex items-center">
+<a href="#" class="text-fegred hover:text-red-400 flex items-center">
                                 <i data-feather="video" class="w-4 h-4 mr-1"></i> فيديو
                             </a>
                         </div>
@@ -185,10 +185,10 @@
                             <a href="https://youtube.com/playlist?list=PLACAjAPLo-gd4CBbW4B0gn3hfnbEUosVr" target="_blank" class="text-fegred hover:text-red-400 flex items-center">
                                 <i data-feather="video" class="w-4 h-4 mr-1"></i> سلسلة دروس
                             </a>
-                            <a href="#" class="text-fegwhite hover:text-gray-300 flex items-center">
+                            <a href="/pdf/mathematiques.pdf" class="text-fegwhite hover:text-gray-300 flex items-center" target="_blank">
                                 <i data-feather="file-text" class="w-4 h-4 mr-1"></i> تحميل PDF
                             </a>
-                        </div>
+</div>
                     </div>
                 </div>
                 <!-- Module 5 -->
@@ -208,8 +208,8 @@
                                     <i data-feather="video" class="w-3 h-3 mr-1"></i> فيديو
                                 </span>
                             </div>
-                            <button class="text-fegred hover:text-red-700 text-sm font-medium">عرض المادة</button>
-                        </div>
+                <a href="/module/informatique" class="text-fegred hover:text-red-700 text-sm font-medium">عرض المادة</a>
+</div>
                     </div>
                 </div>=
                 <!-- Module 6 -->
@@ -224,10 +224,10 @@
                             <a href="https://youtube.com/playlist?list=PLdSOG2rLOiowc8hVymXW1qPd2rWGQK03X" target="_blank" class="text-fegred hover:text-red-400 flex items-center">
                                 <i data-feather="video" class="w-4 h-4 mr-1"></i> سلسلة دروس
                             </a>
-                            <a href="#" class="text-fegwhite hover:text-gray-300 flex items-center">
+                            <a href="/pdf/droit.pdf" class="text-fegwhite hover:text-gray-300 flex items-center" target="_blank">
                                 <i data-feather="file-text" class="w-4 h-4 mr-1"></i> تحميل PDF
                             </a>
-                        </div>
+</div>
                     </div>
                 </div>
                 <!-- Module 7 -->

module

@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html lang="ar" dir="rtl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Module Details | FEG</title>
+    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://unpkg.com/feather-icons"></script>
+</head>
+<body class="bg-gray-100">
+    <div class="container mx-auto px-4 py-8">
+        <div class="bg-white p-6 rounded-lg shadow-md">
+            <h1 class="text-2xl font-bold text-fegblack mb-4" id="module-title">Module Details</h1>
+            
+            <div class="mb-6">
+                <h2 class="text-xl font-semibold mb-2">المواد التعليمية</h2>
+                <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                    <div class="bg-gray-50 p-4 rounded border border-gray-200">
+                        <h3 class="font-medium mb-2 flex items-center">
+                            <i data-feather="file-text" class="w-4 h-4 mr-2"></i> المحاضرات النظرية
+                        </h3>
+                        <ul class="space-y-2">
+                            <li><a href="#" class="text-fegred hover:text-red-700">المحاضرة 1 - مقدمة في المادة</a></li>
+                            <li><a href="#" class="text-fegred hover:text-red-700">المحاضرة 2 - المفاهيم الأساسية</a></li>
+                            <li><a href="#" class="text-fegred hover:text-red-700">المحاضرة 3 - التطبيقات العملية</a></li>
+                        </ul>
+                    </div>
+                    <div class="bg-gray-50 p-4 rounded border border-gray-200">
+                        <h3 class="font-medium mb-2 flex items-center">
+                            <i data-feather="video" class="w-4 h-4 mr-2"></i> الدروس المصورة
+                        </h3>
+                        <ul class="space-y-2">
+                            <li><a href="https://youtube.com" target="_blank" class="text-fegred hover:text-red-700">الفيديو 1 - المقدمة</a></li>
+                            <li><a href="https://youtube.com" target="_blank" class="text-fegred hover:text-red-700">الفيديو 2 - الشرح النظري</a></li>
+                            <li><a href="https://youtube.com" target="_blank" class="text-fegred hover:text-red-700">الفيديو 3 - التمارين</a></li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+
+            <div class="mb-6">
+                <h2 class="text-xl font-semibold mb-2">التمارين والتطبيقات</h2>
+                <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
+                    <a href="#" class="bg-gray-50 p-4 rounded border border-gray-200 hover:bg-gray-100">
+                        <h3 class="font-medium mb-2 flex items-center text-fegred">
+                            <i data-feather="file-text" class="w-4 h-4 mr-2"></i> سلسلة التمارين 1
+                        </h3>
+                        <p class="text-sm text-gray-600">تمارين حول المفاهيم الأساسية</p>
+                    </a>
+                    <a href="#" class="bg-gray-50 p-4 rounded border border-gray-200 hover:bg-gray-100">
+                        <h3 class="font-medium mb-2 flex items-center text-fegred">
+                            <i data-feather="file-text" class="w-4 h-4 mr-2"></i> سلسلة التمارين 2
+                        </h3>
+                        <p class="text-sm text-gray-600">تمارين التطبيق</p>
+                    </a>
+                    <a href="#" class="bg-gray-50 p-4 rounded border border-gray-200 hover:bg-gray-100">
+                        <h3 class="font-medium mb-2 flex items-center text-fegred">
+                            <i data-feather="file-text" class="w-4 h-4 mr-2"></i> امتحانات سابقة
+                        </h3>
+                        <p class="text-sm text-gray-600">نماذج الامتحانات</p>
+                    </a>
+                </div>
+            </div>
+
+            <div class="flex justify-between items-center mt-6">
+                <a href="/" class="text-fegred hover:text-red-700 flex items-center">
+                    <i data-feather="arrow-right" class="mr-1"></i> العودة إلى الصفحة الرئيسية
+                </a>
+                <button class="bg-fegred text-white px-4 py-2 rounded hover:bg-red-700 flex items-center">
+                    <i data-feather="download" class="mr-1"></i> تحميل جميع المواد
+                </button>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        feather.replace();
+        
+        // Get module name from URL
+        const urlParams = new URLSearchParams(window.location.search);
+        const moduleName = urlParams.get('name') || 'Microéconomie';
+        document.getElementById('module-title').textContent = moduleName;
+    </script>
+</body>
+</html>

pdf

@@ -0,0 +1,126 @@
+<!DOCTYPE html>
+<html lang="ar" dir="rtl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>PDF Viewer | FEG</title>
+    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://unpkg.com/feather-icons"></script>
+    <script src="https://cdn.jsdelivr.net/npm/pdfjs-dist@3.4.120/build/pdf.min.js"></script>
+    <style>
+        #pdf-container {
+            height: 80vh;
+            overflow: auto;
+            border: 1px solid #ccc;
+            margin: 20px 0;
+        }
+    </style>
+</head>
+<body class="bg-gray-100">
+    <div class="container mx-auto px-4 py-8">
+        <div class="bg-white p-6 rounded-lg shadow-md">
+            <h1 class="text-2xl font-bold text-fegblack mb-4" id="pdf-title">Loading PDF...</h1>
+            <div id="pdf-container"></div>
+            <div class="flex justify-between mt-4">
+                <button id="prev-page" class="bg-fegred text-white px-4 py-2 rounded hover:bg-red-700">
+                    <i data-feather="arrow-right"></i> الصفحة السابقة
+                </button>
+                <span id="page-info" class="text-gray-700">Page 1 of 1</span>
+                <button id="next-page" class="bg-fegred text-white px-4 py-2 rounded hover:bg-red-700">
+                    الصفحة التالية <i data-feather="arrow-left"></i>
+                </button>
+            </div>
+            <div class="mt-4">
+                <a href="/" class="text-fegred hover:text-red-700 flex items-center">
+                    <i data-feather="arrow-right" class="mr-1"></i> العودة إلى الصفحة الرئيسية
+                </a>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        feather.replace();
+        
+        // Get PDF filename from URL
+        const urlParams = new URLSearchParams(window.location.search);
+        const pdfFile = urlParams.get('file') || 'microeconomie.pdf';
+        document.getElementById('pdf-title').textContent = pdfFile.replace('.pdf', '');
+
+        // Initialize PDF.js
+        pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdn.jsdelivr.net/npm/pdfjs-dist@3.4.120/build/pdf.worker.min.js';
+
+        let pdfDoc = null,
+            pageNum = 1,
+            pageRendering = false,
+            pageNumPending = null,
+            scale = 1.5;
+
+        function renderPage(num) {
+            pageRendering = true;
+            pdfDoc.getPage(num).then(function(page) {
+                const viewport = page.getViewport({ scale: scale });
+                const canvas = document.createElement('canvas');
+                const context = canvas.getContext('2d');
+                canvas.height = viewport.height;
+                canvas.width = viewport.width;
+
+                const renderContext = {
+                    canvasContext: context,
+                    viewport: viewport
+                };
+
+                const renderTask = page.render(renderContext);
+
+                renderTask.promise.then(function() {
+                    const pdfContainer = document.getElementById('pdf-container');
+                    pdfContainer.innerHTML = '';
+                    pdfContainer.appendChild(canvas);
+                    
+                    document.getElementById('page-info').textContent = 
+                        `الصفحة ${num} من ${pdfDoc.numPages}`;
+                    
+                    pageRendering = false;
+                    if (pageNumPending !== null) {
+                        renderPage(pageNumPending);
+                        pageNumPending = null;
+                    }
+                });
+            });
+        }
+
+        function queueRenderPage(num) {
+            if (pageRendering) {
+                pageNumPending = num;
+            } else {
+                renderPage(num);
+            }
+        }
+
+        function onPrevPage() {
+            if (pageNum <= 1) return;
+            pageNum--;
+            queueRenderPage(pageNum);
+        }
+
+        function onNextPage() {
+            if (pageNum >= pdfDoc.numPages) return;
+            pageNum++;
+            queueRenderPage(pageNum);
+        }
+
+        // Load PDF
+        pdfjsLib.getDocument(`/pdf/${pdfFile}`).promise.then(function(pdf) {
+            pdfDoc = pdf;
+            renderPage(1);
+        }).catch(function(error) {
+            document.getElementById('pdf-container').innerHTML = 
+                `<div class="text-center py-8 text-red-500">خطأ في تحميل ملف PDF: ${error.message}</div>`;
+        });
+
+        // Button event listeners
+        document.getElementById('prev-page').addEventListener('click', onPrevPage);
+        document.getElementById('next-page').addEventListener('click', onNextPage);
+    </script>
+</body>
+</html>