import {useParams} from "react-router-dom";
import {useState} from "react";
import {Routes, Route} from "react-router-dom";
import ProtocolForm from "./ProtocolForm/ProtocolForm";
import "./protocol.scss";
import ProtocolSuccess from "./ProtocolSuccess/ProtocolSuccess";
import Protocol from "../../models/Protocol";
import {LinkWithQuery} from "../HOC/LinkWithQuery";

const current = new Date();
const date = `${current.getDate()}/${
    current.getMonth() + 1
}/${current.getFullYear()}`;
const year = current.getFullYear();
const ProtocolFormInit: Protocol = {
    protocol: '',
    subject: "",
    type: "Εξερχόμενο",
    date: date,
    year: year,
    unit: "010",
    unitname: "Γραφείο Προέδρου",
    from: "TEST1-LASTNAME TEST1-FNAME",
    to: "Ελευθέριος Κουκιανάκης",
    serial: "",
};

const AddProtocol = () => {

    // eslint-disable-next-line @typescript-eslint/no-unused-vars
    const p = useParams();
    const [formData, setFormData] = useState<Protocol>(ProtocolFormInit);

    const resetForm = () => {

        setFormData(ProtocolFormInit);
    };
    return (
        <div id={"protocol"}>
            <Routes>
                <Route
                    path={""}
                    element={
                        <LinkWithQuery to={`add`}>
δημιουργία εγγράφου με αριθμό πρωτοκόλλου
                        </LinkWithQuery>
                    }
                />
                <Route
                    path={"add"}
                    element={
                        <ProtocolForm
                            formData={formData}
                            setFormData={setFormData}
                        />
                    }
                />
                <Route
                    path={"success"}
                    element={<ProtocolSuccess resetForm={resetForm} protocolInfo={formData}/>}
                />
            </Routes>
        </div>
    );
};

export default AddProtocol;