source: frontend/web3-eDnevnik_Frontend/src/pages/RoditelPages/Roditel_UcenikPage/Roditel_UcenikPage.jsx

import React, { useState, useEffect } from "react";
import axios from "axios";
import { Link, useParams } from "react-router-dom";
import NavbarRoditel from "../../../components/NavbarRoditel/NavbarRoditel";

const Roditel_UcenikPage = () => {
  const [ucenici, setUcenici] = useState([]);
  const [student, setStudent] = useState(null);
  const [classInfo, setClassInfo] = useState(null);
  const [klasen, setKlasen] = useState(null);
  const [studentsInClass, setStudentsInClass] = useState([]);
  const [soopstenija, setSoopstenija] = useState([]);
  const [loading, setLoading] = useState(true);
  const { studentId } = useParams();
  const [roditelInfo, setRoditelInfo] = useState(null);

  useEffect(() => {
    const fetchData = async () => {
      const parentRes = await axios.get("http://localhost:8080/api/auth/me", {
        withCredentials: true,
      });
      setRoditelInfo(parentRes.data);
      console.log("Parent data:", parentRes.data);

      if (!studentId) return;

      try {
        setLoading(true);

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

        const cId = studentData.uciVoKlasId;
        if (cId) {
          const [resClass, resKlasen, resStudents, resSoopstenija, resUcenici] =
            await Promise.all([
              axios.get(`http://localhost:8080/api/klas/${cId}`, {
                withCredentials: true,
              }),
              axios.get(
                `http://localhost:8080/api/klas/${cId}/klasenRakovoditel`,
                { withCredentials: true }
              ),
              axios.get(`http://localhost:8080/api/klas/${cId}/students`, {
                withCredentials: true,
              }),
              axios.get(`http://localhost:8080/api/klas/${cId}/soopstenija`, {
                withCredentials: true,
              }),
              axios.get(
                `http://localhost:8080/api/users/ucenici/by-parent/${parentRes.data.id}`,
                { withCredentials: true }
              ),
            ]);
          setUcenici(resUcenici.data);
          setClassInfo(resClass.data);
          setKlasen(resKlasen.data);
          setStudentsInClass(resStudents.data);
          setSoopstenija(resSoopstenija.data);
        }
      } catch (err) {
        console.error("Грешка при преземање податоци:", err);
      } finally {
        setLoading(false);
      }
    };

    fetchData();
  }, [studentId]);

  if (loading) return <div>Вчитување на податоци за вашето дете...</div>;
  const formatDate = (dateString) => {
    if (!dateString) return "";
    return new Date(dateString).toLocaleDateString("mk-MK");
  };

  if (!classInfo) {
    return (
      <div>
        <NavbarRoditel />
        <div>
          <h2>Не се пронајдени податоци за вашето дете или неговиот клас.</h2>
        </div>
      </div>
    );
  }

  if (!student) {
    return (
      <div>
        <NavbarRoditel />
        <div>
          <h2>Не се пронајдени податоци за ученик поврзан со вашиот профил.</h2>
        </div>
      </div>
    );
  }

  return (
    <>
      <NavbarRoditel />

      <div>
        <div className="row">
          <div className="col-12">
            <nav
              className="container text-white h-5 d-flex  text-start p-3"
              style={{ backgroundColor: "#147176" }}
            >
              <div className="dropdown">
                <button
                  className="btn btn-secondary dropdown-toggle"
                  type="button"
                  id="dropdownMenuButton"
                  data-bs-toggle="dropdown"
                  aria-haspopup="true"
                  aria-expanded="false"
                >
                  Мои ученици
                </button>
                <div
                  className="dropdown-menu"
                  aria-labelledby="dropdownMenuButton"
                >
                  {loading ? (
                    <div className="dropdown-item">Вчитување...</div>
                  ) : ucenici.length > 0 ? (
                    ucenici.map((k) => (
                      <Link
                        key={k.id}
                        className="dropdown-item"
                        to={`/roditelDashboard/ucenik/${k.id}/soopstenija`}
                      >
                        {k.ime} {k.prezime}
                      </Link>
                    ))
                  ) : (
                    <div className="dropdown-item">Нема Ученииц</div>
                  )}
                </div>
              </div>
            </nav>
          </div>
        </div>

        <div className="container m-3 mx-auto bg-success text-white d-flex flex-row justify-content-between">
          <span className="fs-4 text-white text-decoration-underline p-3">
            Соопштенија
          </span>
          <Link
            className="fs-4 text-white text-decoration-none  p-3"
            to={`/roditelDashboard/${classInfo.id}/weeklyPlan`}
          >
            Неделен план
          </Link>
          <Link
            className="fs-4 text-white text-decoration-none  p-3"
            to={`/roditelDashboard/${classInfo.id}/raspored`}
          >
            Распоред
          </Link>

          <Link
            className="fs-4 text-white text-decoration-none  p-3"
            to={`/roditelDashboard/student/${student?.id}/grades`}
          >
            Оценки
          </Link>
          <Link
            className="fs-4 text-white text-decoration-none  p-3"
            to={`/roditelDashboard/student/${student?.id}/prisustva`}
          >
            Присуства
          </Link>
        </div>
        <div>
          <div className="row m-4 pl-3">
            <div className="col-8">
              <h1>
                Клас {classInfo?.oddelenie}-{classInfo?.paralelka} – Огласна
                табла
              </h1>
              {soopstenija.length > 0 ? (
                soopstenija.map((s) => (
                  <div className="card" key={s.id}>
                    <div>
                      <div className="p-3 fs-4">
                        <p className="front-start d-inline-block">
                          <span className="fw-bold">Креирано од:</span>{" "}
                          {klasen?.ime} {klasen?.prezime} (Класен)
                        </p>
                        <span className="float-end">
                          Објавено на: {formatDate(s.kreiranoNa)}
                        </span>
                      </div>
                    </div>
                    <div className="p-3 bg-info text-white">
                      <h3>{s.naslov}</h3>
                      <p>{s.sodrzina}</p>
                    </div>
                  </div>
                ))
              ) : (
                <p>Нема активни соопштенија за овој клас.</p>
              )}
            </div>

            <div className="col-4 ">
              <h3>Информации за вашето дете</h3>
              <p>
                <strong>Име:</strong> {student?.ime} {student?.prezime}
              </p>

              <div>
                <h3>Информации за класот</h3>

                <div>
                  <h4>Класен раководител</h4>
                  <p>
                    {klasen
                      ? `${klasen.ime} ${klasen.prezime}`
                      : "Не е назначен"}
                  </p>
                </div>

                <div>
                  <h4>Ученици ({studentsInClass.length})</h4>
                  <ul>
                    {studentsInClass.map((s) => (
                      <li key={s.id}>
                        {s.ime} {s.prezime}{" "}
                        {s.id === student?.id && "(Вашето дете)"}
                      </li>
                    ))}
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </>
  );
};

export default Roditel_UcenikPage;