source: frontend/web3-eDnevnik_Frontend/src/pages/PredmetenNastavnikPages/PredmetenNastavnik_PrisustvaZaStudentView/PredmetenNastavnik_PrisustvaZaStudentView.jsx

import React, { useState, useEffect } from "react";
import axios from "axios";
import { useParams } from "react-router-dom";
import { Link,useNavigate } from "react-router-dom";


import NavbarKlasen from "../../../components/navbarKlasen/NavbarKlasen.jsx";

const PredmetenNastavnik_PrisustvaZaStudentView = () => {
  const [studentData, setStudentData] = useState(null);
  const { studentId } = useParams();
  const [loading, setLoading] = useState(true);
  const [error, setError] = useState(null);
  const navigate = useNavigate();
  const [classId, setClassId] = useState(null)

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

        const res = await axios.get(
          `http://localhost:8080/api/users/ucenici/${studentId}/prisustva`,
          { withCredentials: true }
        );
        console.log(JSON.stringify(res.data.classId, null, 2));
        setStudentData(res.data);
        setClassId(res.data.classId)
      } catch (err) {
        setError("Грешка при вчитување");
        console.error(err);
      } finally {
        setLoading(false);
      }
    };

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

  if (loading) return <div>Вчитување...</div>;

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

  const handleVnesiPrisustvo = () => {
 
    navigate(
      `/predmetenNastavnikDashboard/klas/${classId}/student/${studentId}/attendance/insertPrisustvo`
    );
  };


  return (
    <div>
      <NavbarKlasen />

      <main>
        <header>
          <h1>
            Преглед на присуства за {studentData.ime} {studentData.prezime}
          </h1>
        
        </header>

        <div>
        <button onClick={handleVnesiPrisustvo} className="btn btn-primary m-3">Внеси забелешка за присуство</button>
          <table className="table table-striped">
            <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>{p.status}</span>
                    </td>

                    <td>{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">Нема евидентирано присуства.</td>
                </tr>
              )}
            </tbody>
          </table>
        </div>
      </main>
    </div>
  );
};

export default PredmetenNastavnik_PrisustvaZaStudentView;