source: frontend/web3-eDnevnik_Frontend/src/pages/KlasenRakovoditel_Pages/Klasen_ViewPrisustvaZaUcenik/Klasen_ViewPrisustvaZaUcenik.jsx

import React, { useState, useEffect } from "react";
import axios from "axios";
import { useParams } from "react-router-dom";
import styles from "./Klasen_ViewPrisustvaZaUcenikStyles.module.css";
import NavbarKlasen from "../../../components/navbarKlasen/NavbarKlasen.jsx";

const Klasen_ViewPrisustvaZaUcenik = () => {
  const [studentData, setStudentData] = useState(null);
  const { studentId } = useParams();
  const [loading, setLoading] = useState(true);
  const [error, setError] = useState(null);

  useEffect(() => {
    const fetchData = async () => {
      try {
        setLoading(true);

        const res = await axios.get(
          `http://localhost:8080/api/users/ucenici/${studentId}/prisustva`,
          { withCredentials: true }
        );

        setStudentData(res.data);
      } catch (err) {
        setError("Грешка при вчитување");
        console.error(err);
      } finally {
        setLoading(false);
      }
    };

    if (studentId) fetchData();
  }, [studentId]);

  if (loading) return <div className={styles.loadingState}>Вчитување...</div>;

  if (error) return <div>{error}</div>;

  return (
    <div className={styles.Klasen_ViewPrisustvaZaUcenik}>
      <NavbarKlasen />

      <main className={styles.contentWrapper}>
        <header className={styles.pageHeader}>
          <h1 className="m-3">
            Преглед на присуства за {studentData.ime} {studentData.prezime}
          </h1>
        </header>

        <div className={styles.tableContainer}>
          <table className="table">
            <thead>
              <tr>
                <th>Датум</th>
                <th>Статус</th>
                <th>Забелешка</th>
                <th>Евидентирано од</th>
                <th>За часот</th>
              </tr>
            </thead>

            <tbody>
              {studentData.prisustva?.length > 0 ? (
                studentData.prisustva.map((p) => (
                  <tr key={p.id}>
                    <td>{new Date(p.datum).toLocaleDateString("mk-MK")}</td>

                    <td>
                      <span className={styles.statusPill}>{p.status}</span>
                    </td>

                    <td className={styles.noteCell}>{p.zabeleska || "—"}</td>

                    <td>
                      {p.nastavnik.ime} {p.nastavnik.prezime}
                    </td>

                    <td>
                      {p.cas.ime} во {p.cas.denVo_Nedelata} со реден час{" "}
                      {p.cas.reden_cas}
                    </td>
                  </tr>
                ))
              ) : (
                <tr>
                  <td colSpan="5" className={styles.emptyMessage}>
                    Нема евидентирано присуства.
                  </td>
                </tr>
              )}
            </tbody>
          </table>
        </div>
      </main>
    </div>
  );
};

export default Klasen_ViewPrisustvaZaUcenik;