Scientific lectures
  
  
  
    body {
      font-family: 'Segoe UI', Tahoma, sans-serif;
      background-color: #f9f9f9;
      padding: 30px;
      color: #333;
    }
    h2 {
      text-align: center;
      color: #003366;
      margin-bottom: 40px;
      font-size: 26px;
    }
    .filters {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
      margin-bottom: 30px;
    }
    .filters label {
      font-weight: bold;
      color: #333;
    }
    select {
      padding: 8px 12px;
      font-size: 15px;
      width: 200px;
      border: 1px solid #ccc;
      border-radius: 4px;
    }
    button {
      padding: 10px 20px;
      font-size: 15px;
      background-color: #004080;
      color: white;
      border: none;
      border-radius: 4px;
      cursor: pointer;
    }
    button:hover {
      background-color: #002f5e;
    }
    table {
      width: 100%;
      border-collapse: collapse;
      background-color: #ffffff;
      margin-top: 20px;
      display: none;
    }
    th, td {
      padding: 12px;
      border: 1px solid #ccc;
      text-align: center;
      font-size: 15px;
    }
    th {
      background-color: #e6f0ff;
      color: #003366;
    }
    td a {
      color: #004080;
      text-decoration: none;
    }
  
بنك محاضرات قسم اللغة العربية
  
    
    
      
      
    
  
  
    
    
      
    
  
  
    
    
      
      
      
      
      
    
  
  
    
  
  
    
       
اسم الجهة       
القسم       
اسم المحاضر       
المرحلة       
اسم المادة       
عنوان المحاضرة       
الملف       
فيديو     
  
  
  const data = [
    {
      faculty: "الآداب",
      department: "اللغة العربية",
      instructor: "بيان محمد فتاح",
      stage: "الثانية",
      subject: "الصرف",
      title: "صيغ المبالغة والصفة المشبهة",
      file: "https://www.uoanbar.edu.iq//eStoreImages/Bank/10855.pdf",
      video: ""
    },
    {
      faculty: "الآداب",
      department: "اللغة العربية",
      instructor: "بيان محمد فتاح",
      stage: "الثانية",
      subject: "الصرف",
      title: "اسم المفعول",
      file: "https://www.uoanbar.edu.iq//eStoreImages/Bank/10854.pdf",
      video: ""
    },
    {
      faculty: "الآداب",
      department: "اللغة العربية",
      instructor: "بيان محمد فتاح",
      stage: "الثانية",
      subject: "الصرف",
      title: "اسم الفاعل",
      file: "https://www.uoanbar.edu.iq//eStoreImages/Bank/9823.pdf",
      video: ""
    },
    {
      faculty: "الآداب",
      department: "اللغة العربية",
      instructor: "بيان محمد فتاح",
      stage: "الثانية",
      subject: "الصرف",
      title: "اسم الآلة",
      file: "https://www.uoanbar.edu.iq//eStoreImages/Bank/9312.pdf",
      video: ""
    },
    {
      faculty: "الآداب",
      department: "اللغة العربية",
      instructor: "بيان محمد فتاح",
      stage: "الثانية",
      subject: "الصرف",
      title: "اسم الزمان والمكان",
      file: "https://www.uoanbar.edu.iq//eStoreImages/Bank/8130.pdf",
      video: ""
    },
    {
      faculty: "الآداب",
      department: "اللغة العربية",
      instructor: "بيان محمد فتاح",
      stage: "الثانية",
      subject: "الصرف",
      title: "مصدر المرة والهيئة",
      file: "https://www.uoanbar.edu.iq//eStoreImages/Bank/7415.pdf",
      video: ""
    },
    {
      faculty: "الآداب",
      department: "اللغة العربية",
      instructor: "بيان محمد فتاح",
      stage: "الثانية",
      subject: "الصرف",
      title: "المصدر الميمي",
      file: "https://www.uoanbar.edu.iq//eStoreImages/Bank/7357.pdf",
      video: ""
    }
  ];
  function populateInstructors() {
    const department = document.getElementById('department').value;
    const instructorSelect = document.getElementById('instructor');
    instructorSelect.innerHTML = '';
    const instructors = [...new Set(data.filter(d => d.department === department).map(d => d.instructor))];
    instructors.forEach(name => {
      const option = document.createElement('option');
      option.value = name;
      option.textContent = name;
      instructorSelect.appendChild(option);
    });
  }
  function showLectures() {
    const dep = document.getElementById('department').value;
    const inst = document.getElementById('instructor').value;
    const stage = document.getElementById('stage').value;
    const tbody = document.getElementById('lectureBody');
    const table = document.getElementById('lectureTable');
    tbody.innerHTML = '';
    const filtered = data.filter(d =>
      d.department === dep &&
      d.instructor === inst &&
      d.stage === stage
    );
    filtered.forEach(row => {
      const tr = document.createElement('tr');
      tr.innerHTML = `
        
${row.faculty}         
${row.department}         
${row.instructor}         
${row.stage}         
${row.subject}         
${row.title}         
${row.file ? `???? تحميل` : '—'}         
${row.video ? `???? مشاهدة` : '—'}       `;
      tbody.appendChild(tr);
    });
    table.style.display = filtered.length ? 'table' : 'none';
  }
  document.getElementById('department').addEventListener('change', populateInstructors);
 
