import { Button } from "@mui/material";
import { request } from "@/services/response";
import Cookies from "js-cookie";

function SendReq({
  loading,
  setLoading,
  code,
  setIsSendMsg,
  setStep,
  setIsError,
  uuid,
}) {
  const handleSetCookie = (response) => {
    const accessTokenExpires = new Date();
    accessTokenExpires.setSeconds(
      accessTokenExpires.getSeconds() + response.expires_in
    );
    const refreshTokenExpires = new Date();
    refreshTokenExpires.setDate(refreshTokenExpires.getDate() + 30);

    Cookies.set("access_token", response.access_token, {
      expires: accessTokenExpires,
      path: "/",
      secure: true,
      sameSite: "strict",
    });

    Cookies.set("refresh_token", response.refresh_token, {
      expires: refreshTokenExpires,
      path: "/",
      secure: true,
      sameSite: "strict",
    });

    Cookies.set("uuid", uuid, {
      expires: refreshTokenExpires,
      path: "/",
      secure: true,
      sameSite: "strict",
    });
  };

  const handleReq = async () => {
    setLoading(true);
    request
      .getToken(
        "mobile",
        process.env.NEXT_PUBLIC_CLIENT_ID,
        process.env.NEXT_PUBLIC_CLIENT_SECRET,
        uuid,
        code.join("")
      )
      .then((response) => {
        setLoading(false);
        if (response.access_token) {
          window.location.pathname = "/";
          handleSetCookie(response);
        }
      })
      .catch(() => {
        setLoading(false);
      });
  };

  return (
    <Button
      fullWidth
      loading={loading}
      variant="contained"
      onClick={() => {
        setIsSendMsg && setIsSendMsg(true);
        setStep && setStep((prev) => prev + 1);
        if (code.join("").length !== 5) {
          setIsError(true);
        } else {
          handleReq();
        }
      }}
      className="!rounded-[8px] !bg-[#5559CE]"
    >
      تایید
    </Button>
  );
}

export default SendReq;