8 changed files with 214 additions and 145 deletions
--- a/index.html
+++ b/index.html
@ -2,6 +2,7 @@
 <html lang="pl">
 <head>
    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ocena Zachowania</title>
    <link rel="stylesheet" href="css/style.css">
 </head>
@ -26,7 +27,6 @@
                </tr>
            </thead>
            <tbody>
-                <!-- Dodaj wiersze dla wszystkich kryteriów -->
                <tr>
                    <td>Frekwencja 95-100%</td>
                    <td><input type="number" id="frekwencja-punkty" value="30" onchange="calculateStats()"></td>
@ -41,47 +41,47 @@
                </tr>
                <tr>
                    <td>Etap szkolny</td>
-                    <td><input type="number" id="etap_szkolny-punkty" value="5" onchange="calculateStats()"></td>
+                    <td><input type="number" id="etap-szkolny-punkty" value="5" onchange="calculateStats()"></td>
                </tr>
                <tr>
                    <td>Etap rejonowy</td>
-                    <td><input type="number" id="etap_rejonowy-punkty" value="10" onchange="calculateStats()"></td>
+                    <td><input type="number" id="etap-rejonowy-punkty" value="10" onchange="calculateStats()"></td>
                </tr>
                <tr>
                    <td>Etap wojewódzki</td>
-                    <td><input type="number" id="etap_wojewodzki-punkty" value="15" onchange="calculateStats()"></td>
+                    <td><input type="number" id="etap-wojewodzki-punkty" value="15" onchange="calculateStats()"></td>
                </tr>
                <tr>
                    <td>Etap ogólnopolski</td>
-                    <td><input type="number" id="etap_ogolnopolski-punkty" value="20" onchange="calculateStats()"></td>
+                    <td><input type="number" id="etap-ogolnopolski-punkty" value="20" onchange="calculateStats()"></td>
                </tr>
                <tr>
                    <td>Udział w konkursach</td>
-                    <td><input type="number" id="udzial_konkurs-punkty" value="5" onchange="calculateStats()"></td>
+                    <td><input type="number" id="udzial-konkurs-punkty" value="5" onchange="calculateStats()"></td>
                </tr>
                <tr>
                    <td>Wyróżnienie w konkursie</td>
-                    <td><input type="number" id="wyroznienie_konkurs-punkty" value="10" onchange="calculateStats()"></td>
+                    <td><input type="number" id="wyroznienie-konkurs-punkty" value="10" onchange="calculateStats()"></td>
                </tr>
                <tr>
                    <td>Reprezentacja indywidualna</td>
-                    <td><input type="number" id="reprezentacja_indywidualna-punkty" value="5" onchange="calculateStats()"></td>
+                    <td><input type="number" id="reprezentacja-indywidualna-punkty" value="5" onchange="calculateStats()"></td>
                </tr>
                <tr>
                    <td>Reprezentacja zespołowa</td>
-                    <td><input type="number" id="reprezentacja_zespolowa-punkty" value="10" onchange="calculateStats()"></td>
+                    <td><input type="number" id="reprezentacja-zespolowa-punkty" value="10" onchange="calculateStats()"></td>
                </tr>
                <tr>
                    <td>Udział w zawodach</td>
-                    <td><input type="number" id="udzial_zawody-punkty" value="15" onchange="calculateStats()"></td>
+                    <td><input type="number" id="udzial-zawody-punkty" value="15" onchange="calculateStats()"></td>
                </tr>
                <tr>
                    <td>Organizacja imprez</td>
-                    <td><input type="number" id="organizacja_imprez-punkty" value="10" onchange="calculateStats()"></td>
+                    <td><input type="number" id="organizacja-imprez-punkty" value="10" onchange="calculateStats()"></td>
                </tr>
                <tr>
                    <td>Funkcje w klasie</td>
-                    <td><input type="number" id="funkcja_klasa-punkty" value="10" onchange="calculateStats()"></td>
+                    <td><input type="number" id="funkcja-klasa-punkty" value="10" onchange="calculateStats()"></td>
                </tr>
                <tr>
                    <td>Uroczystości okolicznościowe</td>
@ -89,16 +89,17 @@
                </tr>
                <tr>
                    <td>Udział w poczcie sztandarowej</td>
-                    <td><input type="number" id="poczta_sztandar-punkty" value="20" onchange="calculateStats()"></td>
+                    <td><input type="number" id="poczta-sztandar-punkty" value="20" onchange="calculateStats()"></td>
                </tr>
                <tr>
                    <td>Pomoc nauczycielowi</td>
-                    <td><input type="number" id="pomoc_nauczyciel-punkty" value="10" onchange="calculateStats()"></td>
+                    <td><input type="number" id="pomoc-nauczyciel-punkty" value="10" onchange="calculateStats()"></td>
                </tr>
                <tr>
                    <td>Wolontariat</td>
                    <td><input type="number" id="wolontariat-punkty" value="10" onchange="calculateStats()"></td>
                </tr>
+                <!-- Dodaj więcej wierszy dla innych punktów, jeśli potrzebne -->
            </tbody>
        </table>
    </div>
@ -113,11 +114,6 @@

        <div class="select-class" id="select-class-container">
            <p>Wybierz klasę:</p>
-            <select class="select-class" id="select-class-select">
-                <!-- Opcje będą ładowane dynamicznie -->
-            </select>
-        </div>
-
            <div class="category-buttons">
                <button data-category="frekwencja" onclick="showInnerTab('frekwencja')">Frekwencja</button>
                <button data-category="olimpiady" onclick="showInnerTab('olimpiady')">Olimpiady</button>
@ -125,17 +121,24 @@
                <button data-category="reprezentacja" onclick="showInnerTab('reprezentacja')">Reprezentacja Szkoły</button>
                <button data-category="aktywnosc" onclick="showInnerTab('aktywnosc')">Aktywność</button>
            </div>
+            <select class="select-class" id="select-class-select">
+                <option value="">Wybierz klasę</option>
+                <option value="1A">Klasa 1A</option>
+                <option value="2B">Klasa 2B</option>
+                <option value="3C">Klasa 3C</option>
+                <!-- Dodaj więcej klas według potrzeb -->
+            </select>
+        </div>

-        <!-- Tabela uczniów -->
+        <!-- Przykładowa tabela uczniów -->
        <table id="student-table">
            <thead>
                <tr>
-                    <th>Imię i Nazwisko</th>
-                    <!-- Dynamiczne kolumny będą generowane przez JavaScript -->
+                    <!-- Dynamiczne nagłówki będą generowane przez JavaScript -->
                </tr>
            </thead>
            <tbody>
-                <!-- Wiersze uczniów będą generowane przez JavaScript -->
+                <!-- Dynamiczne wiersze będą generowane przez JavaScript -->
            </tbody>
        </table>
    </div>
--- a/js/app.js
+++ b/js/app.js
--- a/js/script.js
+++ b/js/script.js
@ -30,24 +30,19 @@ const categories = {
    ]
 };

-// Zmienne globalne
+// Zmienna przechowująca aktualną kategorię
 let currentCategory = 'frekwencja';
-let currentClass = '';
-let studentsData = [];
-let currentDay = 0;
-const baseDate = new Date();

 // Funkcja do wczytywania pliku JSON
 async function fetchJSONFile(filePath) {
    try {
        const response = await fetch(filePath);
        if (!response.ok) {
-            throw new Error(`Błąd HTTP! Status: ${response.status}`);
+            throw new Error(`HTTP error! Status: ${response.status}`);
        }
        return await response.json();
    } catch (error) {
-        console.error("Błąd podczas pobierania pliku JSON:", error);
-        return null;
+        console.error("Error fetching JSON file:", error);
    }
 }

@ -57,77 +52,56 @@ async function loadClasses() {
    const classes = await fetchJSONFile(classFilePath);

    if (classes) {
-        console.log('Załadowane klasy:', classes);
+        console.log('Classes loaded:', classes);

+        let section_HTML = "";
+
+        // Iterowanie po wszystkich klasach i wczytywanie plików z danymi uczniów
+        for (const classInfo of classes) {
+            const studentsFilePath = '/data/' + classInfo.file_path;
+            const studentsDataFromFile = await fetchJSONFile(studentsFilePath);
+
+            // Wczytywanie klas do elementu select w html
            const selectClass = document.getElementById("select-class-select");
-        selectClass.innerHTML = ""; // Wyczyść istniejące opcje

-        classes.forEach(classInfo => {
+            if (!section_HTML.includes(classInfo.class)) {
                const option = document.createElement('option');
-            option.value = classInfo.file_path;
+                option.value = classInfo.class;
                option.textContent = `Klasa: ${classInfo.class}`;
                selectClass.appendChild(option);
-            console.log("Dodano klasę ", classInfo.class, " do SELECT");
-        });
+                console.log("DODANO KLASE ", classInfo.class, " DO SELECT");
+                section_HTML += classInfo.class;
+            }

-        // Dodaj nasłuchiwacz zdarzeń na zmianę wyboru klasy
-        selectClass.addEventListener('change', function() {
-            const selectedClassFile = this.value;
-            console.log(`Wybrano klasę: ${selectedClassFile}`);
-            loadStudents(selectedClassFile);
-        });
-
-        // Opcjonalnie, ustaw domyślnie pierwszą klasę i załaduj jej uczniów
-        if (classes.length > 0) {
-            selectClass.selectedIndex = 0;
-            const defaultClassFile = classes[0].file_path;
-            loadStudents(defaultClassFile);
+            if (studentsDataFromFile) {
+                console.log(`Students loaded for class ${classInfo.class}:`, studentsDataFromFile);
+                // Możesz tutaj przechowywać dane uczniów dla poszczególnych klas
+                // Na przykład, dodając je do odpowiedniego obiektu lub tablicy
+            }
        }
    }
 }

-// Funkcja do wczytania danych uczniów dla wybranej klasy
-async function loadStudents(classFilePath) {
-    if (!classFilePath) {
-        console.warn("Nie wybrano żadnej klasy.");
-        return;
-    }
-
-    const studentsFilePath = `/data/${classFilePath}`;
-    const data = await fetchJSONFile(studentsFilePath);
-
-    if (data && Array.isArray(data.students)) {
-        console.log(`Uczniowie załadowani z pliku ${classFilePath}:`, data);
-        studentsData = data.students; // Aktualizuj globalną tablicę uczniów
-
-        // Inicjalizacja 'behavior' dla każdego ucznia, jeśli jest niezdefiniowany
-        studentsData.forEach(student => {
-            if (!student.behavior) {
-                student.behavior = {};
-            }
-        });
-
-        currentClass = classFilePath; // Ustaw aktualną klasę
-        generateTable(currentCategory); // Regeneruj tabelę z aktualną kategorią
-    } else {
-        console.error("Błąd: Nie udało się załadować danych uczniów lub dane są niepoprawne.");
-        studentsData = []; // Jeśli nie udało się załadować danych, wyczyść tablicę uczniów
-        currentClass = '';
-        generateTable(currentCategory); // Regeneruj pustą tabelę
-    }
-}
-
-
-
 // Funkcja do wczytania pliku criteria.json
 async function loadCriteria() {
    const criteriaFilePath = '/data/criteria.json';
    const criteria = await fetchJSONFile(criteriaFilePath);

-    console.log("Załadowane kryteria:", criteria);
+    console.log("Criteria loaded:", criteria);
    // Implementacja dalszego przetwarzania kryteriów, jeśli jest potrzebna
 }

+// Dane uczniów (przykładowe, powinny być ładowane z plików JSON)
+const studentsData = [
+    { name: "Jan Kowalski", behavior: {} },
+    { name: "Anna Nowak", behavior: {} },
+    { name: "Piotr Wiśniewski", behavior: {} },
+    { name: "Katarzyna Zielińska", behavior: {} }
+];
+
+let currentDay = 0;
+const baseDate = new Date();
+
 // Funkcja do przełączania głównych zakładek
 function showTab(tabName) {
    // Ukryj wszystkie główne taby
@ -164,8 +138,7 @@ function showInnerTab(category) {

 // Funkcja, aby ustawić domyślną kategorię i zakładkę
 document.addEventListener("DOMContentLoaded", function() {
-    // Domyślnie pokazujemy kategorię 'frekwencja'
-    showInnerTab('frekwencja');
+    showInnerTab('frekwencja'); // Pokaż domyślnie zakładkę Frekwencja

    // Ustawienie daty na dziś
    document.getElementById('current-date').innerText = baseDate.toLocaleDateString();
@ -187,20 +160,8 @@ function changeDay(direction) {

 // Funkcja do ładowania danych dnia
 function loadDayData() {
-    studentsData.forEach(student => {
-        const studentId = student.name.replace(/ /g, '-');
-        const behavior = student.behavior[`day${currentDay}`] || {};
-
-        // Pobierz kryteria dla aktualnej kategorii
-        const categoryColumns = categories[currentCategory];
-        categoryColumns.forEach(column => {
-            const checkbox = document.getElementById(`${column.id}-${studentId}`);
-            if (checkbox) {
-                checkbox.checked = behavior[column.id] || false;
-            }
-        });
-    });
-
+    // Wczytaj dane dla aktualnego dnia, jeśli istnieją
+    // Możesz tu zaimplementować dodatkową logikę, jeśli potrzebujesz
    calculateStats();
 }

@ -208,15 +169,12 @@ function loadDayData() {
 function saveDayData() {
    studentsData.forEach(student => {
        const studentId = student.name.replace(/ /g, '-');
-        let behavior = student.behavior[`day${currentDay}`] || {};
+        const behavior = student.behavior[`day${currentDay}`] || {};

        const categoryColumns = categories[currentCategory];

        categoryColumns.forEach(column => {
-            const checkbox = document.getElementById(`${column.id}-${studentId}`);
-            if (checkbox) {
-                behavior[column.id] = checkbox.checked;
-            }
+            behavior[column.id] = document.getElementById(`${column.id}-${studentId}`).checked;
        });

        student.behavior[`day${currentDay}`] = behavior;
@ -225,27 +183,24 @@ function saveDayData() {

 // Funkcja do obliczania statystyk
 function calculateStats() {
-    // Pobieranie punktów z zakładki "Ustal punkty"
-    const points = {
-        frekwencja: parseInt(document.getElementById('frekwencja-punkty').value) || 0,
-        brak_godzin: parseInt(document.getElementById('brak-godzin-punkty').value) || 0,
-        min_85: parseInt(document.getElementById('min-85-punkty').value) || 0,
-        etap_szkolny: parseInt(document.getElementById('etap_szkolny-punkty').value) || 5,
-        etap_rejonowy: parseInt(document.getElementById('etap_rejonowy-punkty').value) || 10,
-        etap_wojewodzki: parseInt(document.getElementById('etap_wojewodzki-punkty').value) || 15,
-        etap_ogolnopolski: parseInt(document.getElementById('etap_ogolnopolski-punkty').value) || 20,
-        udzial_konkurs: parseInt(document.getElementById('udzial_konkurs-punkty').value) || 5,
-        wyroznienie_konkurs: parseInt(document.getElementById('wyroznienie_konkurs-punkty').value) || 10,
-        reprezentacja_indywidualna: parseInt(document.getElementById('reprezentacja_indywidualna-punkty').value) || 5,
-        reprezentacja_zespolowa: parseInt(document.getElementById('reprezentacja_zespolowa-punkty').value) || 10,
-        udzial_zawody: parseInt(document.getElementById('udzial_zawody-punkty').value) || 15,
-        organizacja_imprez: parseInt(document.getElementById('organizacja_imprez-punkty').value) || 10,
-        funkcja_klasa: parseInt(document.getElementById('funkcja_klasa-punkty').value) || 10,
-        uroczystosci: parseInt(document.getElementById('uroczystosci-punkty').value) || 10,
-        poczta_sztandar: parseInt(document.getElementById('poczta_sztandar-punkty').value) || 20,
-        pomoc_nauczyciel: parseInt(document.getElementById('pomoc_nauczyciel-punkty').value) || 10,
-        wolontariat: parseInt(document.getElementById('wolontariat-punkty').value) || 10
-    };
+    const frekwencjaPoints = parseInt(document.getElementById('frekwencja-punkty').value) || 0;
+    const brakGodzinPoints = parseInt(document.getElementById('brak-godzin-punkty').value) || 0;
+    const min85Points = parseInt(document.getElementById('min-85-punkty').value) || 0;
+    const etapSzkolnyPoints = parseInt(document.getElementById('etap-szkolny-punkty')?.value) || 5;
+    const etapRejonowyPoints = parseInt(document.getElementById('etap-rejonowy-punkty')?.value) || 10;
+    const etapWojewodzkiPoints = parseInt(document.getElementById('etap-wojewodzki-punkty')?.value) || 15;
+    const etapOgolnopolskiPoints = parseInt(document.getElementById('etap-ogolnopolski-punkty')?.value) || 20;
+    const udzialKonkursPoints = parseInt(document.getElementById('udzial-konkurs-punkty')?.value) || 5;
+    const wyroznienieKonkursPoints = parseInt(document.getElementById('wyroznienie-konkurs-punkty')?.value) || 10;
+    const reprezentacjaIndPoints = parseInt(document.getElementById('reprezentacja-indywidualna-punkty')?.value) || 5;
+    const reprezentacjaZesPoints = parseInt(document.getElementById('reprezentacja-zespolowa-punkty')?.value) || 10;
+    const udzialZawodyPoints = parseInt(document.getElementById('udzial-zawody-punkty')?.value) || 15;
+    const organizacjaImprezPoints = parseInt(document.getElementById('organizacja-imprez-punkty')?.value) || 10;
+    const funkcjaKlasyPoints = parseInt(document.getElementById('funkcja-klasa-punkty')?.value) || 10;
+    const uroczystosciPoints = parseInt(document.getElementById('uroczystosci-punkty')?.value) || 10;
+    const pocztaSztandarPoints = parseInt(document.getElementById('poczta-sztandar-punkty')?.value) || 20;
+    const pomocNauczycielaPoints = parseInt(document.getElementById('pomoc-nauczyciel-punkty')?.value) || 10;
+    const wolontariatPoints = parseInt(document.getElementById('wolontariat-punkty')?.value) || 10;

    let stats = '';

@ -255,12 +210,25 @@ function calculateStats() {
        Object.keys(student.behavior).forEach(day => {
            const behavior = student.behavior[day];

-            let dayPoints = 0;
-            for (const [criterion, value] of Object.entries(behavior)) {
-                if (value && points[criterion]) {
-                    dayPoints += points[criterion];
-                }
-            }
+            let dayPoints = 0; // Startowa liczba punktów
+            if (behavior.frekwencja) dayPoints += frekwencjaPoints;
+            if (behavior.brak_godzin) dayPoints += brakGodzinPoints;
+            if (behavior.min_85) dayPoints += min85Points;
+            if (behavior.etap_szkolny) dayPoints += etapSzkolnyPoints;
+            if (behavior.etap_rejonowy) dayPoints += etapRejonowyPoints;
+            if (behavior.etap_wojewodzki) dayPoints += etapWojewodzkiPoints;
+            if (behavior.etap_ogolnopolski) dayPoints += etapOgolnopolskiPoints;
+            if (behavior.udzial_konkurs) dayPoints += udzialKonkursPoints;
+            if (behavior.wyroznienie_konkurs) dayPoints += wyroznienieKonkursPoints;
+            if (behavior.reprezentacja_indywidualna) dayPoints += reprezentacjaIndPoints;
+            if (behavior.reprezentacja_zespolowa) dayPoints += reprezentacjaZesPoints;
+            if (behavior.udzial_zawody) dayPoints += udzialZawodyPoints;
+            if (behavior.organizacja_imprez) dayPoints += organizacjaImprezPoints;
+            if (behavior.funkcja_klasa) dayPoints += funkcjaKlasyPoints;
+            if (behavior.uroczystosci) dayPoints += uroczystosciPoints;
+            if (behavior.poczta_sztandar) dayPoints += pocztaSztandarPoints;
+            if (behavior.pomoc_nauczyciel) dayPoints += pomocNauczycielaPoints;
+            if (behavior.wolontariat) dayPoints += wolontariatPoints;

            totalPoints += dayPoints;
        });
@ -287,35 +255,35 @@ function generateTable(category) {
    const thead = table.querySelector('thead tr');
    const tbody = table.querySelector('tbody');

-    // Wyczyść istniejące nagłówki i wiersze
+    // Clear existing headers and body
    thead.innerHTML = '';
    tbody.innerHTML = '';

-    // Dodaj nagłówek 'Imię i Nazwisko'
+    // Add 'Imię i Nazwisko' header
    const thName = document.createElement('th');
    thName.textContent = "Imię i Nazwisko";
    thead.appendChild(thName);

-    // Pobierz kolumny dla wybranej kategorii
+    // Get columns for the category
    const categoryColumns = categories[category];

-    // Dodaj nagłówki dla kryteriów w kategorii
+    // Add headers for category
    categoryColumns.forEach(column => {
        const th = document.createElement('th');
        th.textContent = column.name;
        thead.appendChild(th);
    });

-    // Generuj wiersze dla uczniów
+    // Generate rows
    studentsData.forEach(student => {
        const row = document.createElement('tr');

-        // Komórka z imieniem i nazwiskiem
+        // Name cell
        const tdName = document.createElement('td');
        tdName.textContent = student.name;
        row.appendChild(tdName);

-        // Komórki z checkboxami dla kryteriów
+        // Checkbox cells
        categoryColumns.forEach(column => {
            const td = document.createElement('td');
            const checkbox = document.createElement('input');
--- a/p1/token.txt
+++ b/p1/token.txt
@ -0,0 +1 @@
+a4dd89352b730d2ef7a3eff72ab98dbc2b7e8d6b
--- a/templates/criteria.html
+++ b/templates/criteria.html
@ -0,0 +1,7 @@
+<div>
+    <h2>Kryteria Weryfikacyjne</h2>
+    <ul id="criteria-list">
+        <!-- Kryteria weryfikacyjne będą generowane dynamicznie -->
+    </ul>
+</div>
+
--- a/templates/dashboard.html
+++ b/templates/dashboard.html
@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Behavior Assessment Dashboard</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <h1>Behavior Assessment Dashboard</h1>
+
+    <div class="filters">
+        <!-- Wybór roli -->
+        <label for="role">Select Role:</label>
+        <select id="role">
+            <option value="teacher">Teacher</option>
+            <option value="homeroom_teacher">Homeroom Teacher</option>
+            <option value="principal">Principal</option>
+            <option value="student">Student (Self-Assessment)</option>
+        </select>
+
+        <!-- Wybór osoby -->
+        <label for="person">Select Person:</label>
+        <select id="person">
+            <!-- Osoby będą generowane dynamicznie na podstawie roli -->
+        </select>
+
+        <!-- Wybór kategorii -->
+        <label for="category">Select Category:</label>
+        <select id="category">
+            <!-- Kategorie będą generowane dynamicznie na podstawie roli -->
+        </select>
+    </div>
+
+    <h2>Criteria Table</h2>
+    <table id="criteria-table">
+        <thead>
+            <tr>
+                <th>Student</th>
+                <!-- Nagłówki dla kryteriów zostaną dodane dynamicznie -->
+            </tr>
+        </thead>
+        <tbody>
+            <!-- Wiersze uczniów i kryteriów zostaną dodane dynamicznie -->
+        </tbody>
+    </table>
+
+    <script src="app.js"></script>
+</body>
+</html>
+
--- a/templates/header.html
+++ b/templates/header.html
@ -0,0 +1,12 @@
+<div style="background-color: #4CAF50; color: white; padding: 10px;">
+    <h1>Ocena Zachowania</h1>
+    <p>Zalogowany jako: <span id="user-role">Nauczyciel</span></p>
+</div>
+
+<script>
+    // Skrypt do ustawiania roli użytkownika po zalogowaniu
+    // Można pobrać rolę z sesji po wdrożeniu API
+    const userRole = 'Nauczyciel'; // Tymczasowe dane
+    document.getElementById('user-role').innerText = userRole;
+</script>
+
--- a/templates/statistics.html
+++ b/templates/statistics.html
@ -0,0 +1,27 @@
+<div>
+    <h2>Statystyki i Ustalanie Wag</h2>
+    <!-- Wprowadź elementy do zarządzania wagami, np. suwaki lub pola numeryczne -->
+    <label for="waga-pomoc">Pomoc nauczycielowi:</label>
+    <input type="number" id="waga-pomoc" value="10"><br>
+
+    <label for="waga-spoznienie">Spóźnienie:</label>
+    <input type="number" id="waga-spoznienie" value="-5"><br>
+
+    <!-- Więcej wag dla innych kryteriów -->
+
+    <h3>Statystyki dla uczniów</h3>
+    <!-- Tabela statystyk dla uczniów -->
+    <table>
+        <thead>
+            <tr>
+                <th>Uczeń</th>
+                <th>Punkty</th>
+                <th>Ocena</th>
+            </tr>
+        </thead>
+        <tbody>
+            <!-- Dane będą dynamicznie ładowane -->
+        </tbody>
+    </table>
+</div>
+