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

import NavbarKlasen from "../../../components/navbarKlasen/NavbarKlasen";
import { useParams, useNavigate } from "react-router-dom";
import { useState, useEffect } from "react";
import { useAuth } from "../../../contexts/AuthContext";
import axios from "axios";

const PredmetenNastavnik_VnesiPrisustvoZaStudent = () => {
  const navigate = useNavigate();
  const params = useParams();
  const { studentId, classId } = params;
  const [selectedStatus, setSelectedStatus] = useState("PRISUTEN");
  const [loading, setLoading] = useState(false);

  const [casoviKoiGiPredavalOvaaNedela, setCasoviKoiGiPredavalOvaaNedela] =
    useState([]);
  const { user } = useAuth();
  const [datum, setDatum] = useState("");
  const [zabeleska, setZabeleska] = useState("");
  const [selectedActivity, setSelectedActivity] = useState("");

  const handleSelectChange = (e) => {
    setSelectedStatus(e.target.value);
    console.log(`Aktivnost: ${e.target.Id}`);
  };

  const getCasoviKoiGiPredavalOvaaNedela = async () => {
    if (!user || !classId) {
      return;
    }
    try {
      setLoading(true);

      const response = await axios.get(
        `http://localhost:8080/api/users/nastavnici/${user.id}/classesThisWeek?classId=${classId}`,
        { withCredentials: true }
      );

      setCasoviKoiGiPredavalOvaaNedela(response.data);
    } catch (err) {
      console.log(
        `Error while fetching all classes who teach the teacher ${err}`
      );
    } finally {
      setLoading(false);
    }
  };

  useEffect(() => {
    getCasoviKoiGiPredavalOvaaNedela();
  }, [user, classId]);

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

    try {
      setLoading(true);

      const selectedAktivnost = casoviKoiGiPredavalOvaaNedela.find(
        (aktivnost) => aktivnost.id === selectedActivity
      );

      if (!selectedAktivnost) {
        console.log("No activity selected");
        return;
      }

      console.log("Selected activity:", selectedAktivnost);
      console.log("Predmet ID:", selectedAktivnost?.predmetId);
      console.log("Den:", selectedAktivnost?.denVo_Nedelata);

      const casResponse = await axios.get(
        `http://localhost:8080/api/casovi/getCasIdByPredmetId?predmetId=${selectedAktivnost.predmetId}`,
        { withCredentials: true }
      );

      const casId = casResponse.data;

      console.log("selected activity:", selectedAktivnost);
      console.log("casId:", casId);

      const prisustvoRequestDTO = {
        datum: datum,
        status: selectedStatus,
        zabeleska: zabeleska,
        evidentiranoOdId: user.id,
        seOdnesuvaNaUcenikotId: studentId,
        zaCasotId: casId,
      };

      console.log("Prisustvo DTO:", prisustvoRequestDTO);

    const resp=  await axios.post(
        "http://localhost:8080/api/prisustvo",
        prisustvoRequestDTO,
        { withCredentials: true }
      );
      if(resp.status === 201){
        navigate(`/predmetenNastavnikDashboard/klas/${classId}/student/${studentId}/attendance`)
      }
    } catch (err) {
      console.log("Error while creating prisustvo:", err);
    } finally {
      setLoading(false);
    }
  };
  return (
    <>
      <NavbarKlasen />
      <div className="container">
        <form onSubmit={handleSubmit}>
          <div className="mb-3">
            <label htmlFor="insertDate" className="form-label">
              Датум на внесување
            </label>
            <input
              type="date"
              className="form-control"
              id="insertDate"
              onChange={(e) => setDatum(e.target.value)}
            />
          </div>

          <div className="input-group">
            <label className="form-label" htmlFor="custom-select">
              Избери статус
            </label>
            <select
              className="form-select"
              id="custom-select"
              value={selectedStatus}
              onChange={handleSelectChange}
            >
              <option defaultValue="PRISUTEN">PRISUTEN</option>

              <option value="OTSUTEN">OTSUTEN</option>
              <option value="ZADOCNET">ZADOCNET</option>
            </select>
          </div>
          <div className="mb-3">
            <label htmlFor="exampleFormControlTextarea1" className="form-label">
              Забелешка
            </label>
            <textarea
              className="form-control"
              id="exampleFormControlTextarea1"
              rows="3"
              onChange={(e) => setZabeleska(e.target.value)}
            ></textarea>
          </div>
          <label htmlFor="activity" className="form-label">
            Изберете активност кој го предавате за овој клас во текот на
            неделата
          </label>

          <select
            value={selectedActivity}
            onChange={(e) => setSelectedActivity(e.target.value)}
          >
            <option value="">-- Изберете активност --</option>

            {casoviKoiGiPredavalOvaaNedela.map((aktivnost) => (
              <option key={aktivnost.id} value={aktivnost.id}>
                {aktivnost.naslov}
              </option>
            ))}
          </select>
          <button type="submit" className="btn btn-primary">
            Креирај присуство
          </button>
        </form>
      </div>
    </>
  );
};

export default PredmetenNastavnik_VnesiPrisustvoZaStudent;