source: frontend/web3-eDnevnik_Frontend/src/pages/DirektorAdmin_Pages/AdminPanelSoopstenijaViewPage/AdminPanelSoopstenijaViewPage.jsx

import React, { useState, useEffect } from "react";
import axios from "axios";
import { useParams, Link } from "react-router-dom";
import styles from "./AdminPanelSoopstenijaViewPageStyles.module.css";
import Navbar from "../../../components/nav/Navbar.jsx";

const AdminPanelSoopstenijaViewPage = () => {
  const { classId } = useParams();
  const [soopstenija, setSoopstenija] = useState([]);
  const [teachersMap, setTeachersMap] = useState({});
  const [loading, setLoading] = useState(true);
  const [classInfo, setClassInfo] = useState(null);

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

        const [resSoopstenija, resClassInfo] = await Promise.all([
          axios.get(`http://localhost:8080/api/klas/${classId}/soopstenija`, {
            withCredentials: true,
          }),
          axios.get(`http://localhost:8080/api/klas/${classId}`, {
            withCredentials: true,
          }),
        ]);
        const soopstenijaData = resSoopstenija.data;

        setClassInfo(resClassInfo.data);
        setSoopstenija(resSoopstenija.data);

        const uniqueAuthorIds = [
          ...new Set(soopstenijaData.map((s) => s.postiranoOdId)),
        ];

        const teachersDetails = await Promise.all(
          uniqueAuthorIds.map((id) =>
            axios
              .get(
                `http://localhost:8080/api/users/nastavnici/klasniRakovoditeli/${id}`,
                { withCredentials: true }
              )
              .then((res) => ({ id, data: res.data }))
              .catch(() => ({ id, data: null }))
          )
        );

        const newTeachersMap = {};
        teachersDetails.forEach((item) => {
          if (item.data) {
            newTeachersMap[item.id] = `${item.data.ime} ${item.data.prezime}`;
          } else {
            newTeachersMap[item.id] = "Непознат Наставник";
          }
        });

        setTeachersMap(newTeachersMap);
      } catch (err) {
        console.error("Грешка при вчитување податоци:", err);
      } finally {
        setLoading(false);
      }
    };

    if (classId) fetchAllData();
  }, [classId]);

  if (loading)
    return (
      <div className={styles.wrapper}>
        <Navbar />

        <div className={styles.loader}>
          Вчитување на соопштенијата и авторите...
        </div>
      </div>
    );

  return (
    <div className={styles.wrapper}>
      <Navbar />
      <div
        className="d-flex flex-row justify-content-center align-items-center p-2"
        style={{ backgroundColor: "#147176" }}
      >
        <Link
          to="/adminDashboard/users"
          className="mx-3 text-white text-decoration-none fs-6 opacity-100-hover"
        >
          Корисници
        </Link>

        <Link
          to="/adminDashboard/classes"
          className="mx-3 text-white text-decoration-none fs-6"
        >
          Класови
        </Link>

        <Link
          to="/adminDashboard/subjects"
          className="mx-3 text-white text-decoration-none fs-6"
        >
          Предмети
        </Link>

        <Link
          to="/adminDashboard/schedules"
          className="mx-3 text-white text-decoration-none fs-6"
        >
          Распореди
        </Link>

        <Link
          to="/adminDashboard/weeklyPlans"
          className="mx-3 text-white text-decoration-none fs-6"
        >
          Неделни планови
        </Link>
      </div>
      <div className={styles.container}>
        <h1>
          Соопштенија за клас {classInfo.oddelenie} - {classInfo.paralelka}
        </h1>
        <div className={styles.feed}>
          {soopstenija.length > 0 ? (
            soopstenija.map((s) => (
              <div key={s.id} className={styles.feedCard}>
                <div className={styles.cardHeader}>
                  <div className={styles.avatarPlaceholder}></div>
                  <div className={styles.authorInfo}>
                    <span className={styles.authorName}>
                      {teachersMap[s.postiranoOdId] || "Вчитување..."}
                    </span>
                  </div>
                </div>

                <div className={styles.cardBody}>
                  <p className={styles.postContent}>{s.sodrzina}</p>
                </div>

                <div className={styles.cardFooter}>
                  <span className={styles.postDate}>
                    Објавено на: {s.kreiranoNa}
                  </span>
                </div>
              </div>
            ))
          ) : (
            <div className={styles.emptyFeed}>
              <p>Нема активни соопштенија за овој клас.</p>
            </div>
          )}
        </div>
      </div>
    </div>
  );
};

export default AdminPanelSoopstenijaViewPage;