"use client";
import { useLocation } from "@/hook/useLocation";
import { useSocketListener } from "@/hook/useSocketListener";
import { createContext, useContext, useEffect, useState } from "react";
import { useSocket } from "./socketContext";
import { useTeamConnexion } from "./teamConnexionContext";

const teamContext = createContext()
function TeamProvider({children}) {
    const [enemyPosition, setEnemyPosition] = useState();
    const currentPosition = useLocation(10000);
    const {teamSocket} = useSocket();
    const {loggedIn} = useTeamConnexion();
    
    useSocketListener(teamSocket, "enemy_position", setEnemyPosition);

    //Send the current position to the server when the user is logged in
    useEffect(() => {
        console.log("sending position", currentPosition);
        if(loggedIn) {
            teamSocket.emit("update_position", currentPosition);
        }
    }, [loggedIn, currentPosition]);
    
    return (
        <teamContext.Provider value={{enemyPosition, currentPosition}}>
            {children}
        </teamContext.Provider>
    );
}

function useTeamContext() {
    return useContext(teamContext);
}

export { TeamProvider, useTeamContext };