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

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

const Klasen_CreateSoopstenie = () => {
  const navigate = useNavigate();

  const [teacherId, setTeacherId] = useState("");
  const [classId, setClassId] = useState("");
  const [error, setError] = useState("");
  const [loading, setLoading] = useState(true);

  const [formData, setFormData] = useState({
    naslov: "",
    sodrzina: "",
  });

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

        const resMe = await axios.get("http://localhost:8080/api/auth/me", {
          withCredentials: true,
        });
        const tId = resMe.data.id;
        setTeacherId(tId);

        const resClass = await axios.get(
          `http://localhost:8080/api/users/nastavnici/klasniRakovoditeli/${tId}/klas`,
          { withCredentials: true }
        );

        if (resClass.data && resClass.data.id) {
          setClassId(resClass.data.id);
        } else {
          setError("Немате доделено активен клас.");
        }
      } catch (err) {
        console.error("Грешка при вчитување на податоците:", err);
        setError("Неуспешно вчитување на податоците за наставникот и класот.");
      } finally {
        setLoading(false);
      }
    };
    fetchInitialData();
  }, []);

  const handleChange = (e) => {
    const { name, value } = e.target;
    setFormData((prev) => ({
      ...prev,
      [name]: value,
    }));
  };

  const handleSubmit = async (e) => {
    e.preventDefault();
    setError("");

    const today = new Date();
    const formattedDate = today.toISOString().split("T")[0];

    const soopstenieRequestDTO = {
      naslov: formData.naslov,
      sodrzina: formData.sodrzina,
      kreiranoNa: formattedDate,
      zaKlasId: classId,
      postiranoOdId: teacherId,
    };

    try {
      console.log("Праќам податоци:", soopstenieRequestDTO);
      const response = await axios.post(
        "http://localhost:8080/api/soopstenie",
        soopstenieRequestDTO,
        {
          withCredentials: true,
          headers: { "Content-Type": "application/json" },
        }
      );

      if (response.status === 200 || response.status === 201) {
        alert("Соопштението е успешно објавено!");
        navigate("/dashboard");
      }
    } catch (err) {
      console.error("Грешка при POST:", err.response?.data);
      const serverMsg =
        err.response?.data?.message ||
        "Грешка при креирање на соопштението. Проверете ги сите полиња.";
      setError(serverMsg);
    }
  };

  if (loading)
    return (
      <div style={{ padding: "50px", textAlign: "center" }}>
        <Navbar />
        <h2>Вчитување на податоците...</h2>
      </div>
    );

  return (
    <div style={{ backgroundColor: "#f4f7f6", minHeight: "100vh" }}>
      <Navbar />
      <div className="container">
        <h2 className="text-center m-3">Објави Ново Соопштение</h2>

        {error && <div className={styles.errorBanner}>{error}</div>}

        <form onSubmit={handleSubmit} className={styles.formGrid}>
          <div className={styles.inputGroup + " " + styles.fullWidth}>
            <label className="form-label">Наслов на соопштение</label>
            <input
              type="text"
              name="naslov"
              value={formData.naslov}
              required
              placeholder="Внесете наслов (3-30 карактери)"
              onChange={handleChange}
              className="form-control"
            />
          </div>

          <div className={styles.inputGroup + " " + styles.fullWidth}>
            <label className="form-label mt-2">Содржина</label>
            <textarea
              name="sodrzina"
              value={formData.sodrzina}
              required
              placeholder="Напишете го вашето соопштение тука (мин. 10 карактери)..."
              onChange={handleChange}
              className="form-control"
              style={{ minHeight: "200px", resize: "vertical" }}
            />
          </div>

          <div className="text-center m-3">
            <button
              type="submit"
              className={styles.submitBtn}
              disabled={!classId}
            >
              Објави Соопштение
            </button>
          </div>
        </form>
      </div>
    </div>
  );
};

export default Klasen_CreateSoopstenie;