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

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

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

  const [nastavnici, setNastavnici] = useState([]);

  const [adminId, setAdminId] = useState("");

  const [error, setError] = useState("");
  const [loading, setLoading] = useState(true);

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

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

        const [resNastavnici, resMe] = await Promise.all([
          axios.get("http://localhost:8080/api/users/nastavnici", {
            withCredentials: true,
          }),

          axios.get("http://localhost:8080/api/auth/me", {
            withCredentials: true,
          }),
        ]);

        setNastavnici(resNastavnici.data);

        setAdminId(resMe.data.id || resMe.data.userId);
      } 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 klasenRakovoditelRequestDTO = {
      nastavnikId: formData.nastavnikId,

      kreiranOdId: adminId,
    };

    try {
      const response = await axios.post(
        "http://localhost:8080/api/users/nastavnici/predmetniNastavnici",
        klasenRakovoditelRequestDTO,
        {
          withCredentials: true,
          headers: { "Content-Type": "application/json" },
        }
      );

      if (response.status === 200 || response.status === 201) {
        alert("Предметниот наставник е успешно креиран!");
        navigate("/adminDashboard/users");
      }
    } 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: "#fdf8e1", minHeight: "100vh" }}>
      <Navbar />
      <div className={styles.container}>
        <h2 className={styles.title}>Додади нов Предметен наставник</h2>

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

        <form onSubmit={handleSubmit} className={styles.formGrid}>
          <div className={styles.inputGroup}>
            <label>Избери Наставник *</label>
            <select
              name="nastavnikId"
              value={formData.nastavnikId}
              required
              onChange={handleChange}
              className={styles.inputField}
            >
              <option value="">-- Избери наставник --</option>
              {nastavnici.map((n) => (
                <option key={n.id} value={n.id}>
                  {n.ime} {n.prezime} ({n.e_posta})
                </option>
              ))}
            </select>
          </div>

          <div className={styles.fullWidth}>
            <button type="submit" className={styles.submitBtn}>
              Креирај предметен наставник
            </button>
          </div>
        </form>
      </div>
    </div>
  );
};

export default CreatePredmetenNastavnik;