import  { createContext, useState } from "react";
import { useLocation, useNavigate } from "react-router-dom";

export const HeaderContext = createContext({});

export const HeaderContextProvider = ({ children }) => {

  const {pathname} = useLocation();
  const navigator = useNavigate();
  const acc_type = pathname.split('/')[1];

  const [selected_item_sidebar, SetSelectedItemOfSidebar] = useState('');

  const handleLogout = () => {
    axios.get(`/${acc_type}/logout`)
    .then(() => {
        localStorage.removeItem(`${acc_type}_token`);
        navigator(`/${acc_type}/login`);
    })
  }

  const isAuthenticate = () => {
    let token = localStorage.getItem(`${acc_type}_token`);
    if(!token){
        navigator(`/${acc_type}/login`);
        return false;
    }
    else{
      token = JSON.parse(token);
      console.log(token, new Date().getTime());
      let expires = token.expires;
      // if(new Date().getTime() >= expires){
      //   handleLogout();
      //   return false;
      // }
    }
    return true;
  }


  return (
    <HeaderContext.Provider
      value={{
        selected_item_sidebar, SetSelectedItemOfSidebar,
        handleLogout,
        isAuthenticate
      }}
    >
      {children}
    </HeaderContext.Provider>
  );
};