async function getProfileInfo() { // this returns "User not authenticated" if user is not logged in. Otherwise it returns the profile info
    const cookieStore = cookies();
    let headers = {};

    const userCookie = cookieStore.get('user_sid');
    if (userCookie) {
        headers['Cookie'] = `${userCookie.name}=${userCookie.value}`;
    }

    try {
        const response = await fetch(`${apiUrl}/profile/getinfo`, {
            method: 'GET',
            headers: headers
        });
    
        const json = await response.json();
        console.log(json)
        return json;
    } catch (error) {
        console.log(error.message);
    }
}

async function returnUserContent(profileInfo) { // adds either avatar or "sign in/sign up" options to the navbar depending on auth state
  console.log(profileInfo)
  if(profileInfo.message === "User not authenticated") {
    return(
      <>
        <Link href="/login" className={buttonVariants({ variant: "outline" })}><LogIn className="mr-2 h-4 w-4" />Log in</Link>
        <Link href="/login" className={buttonVariants({ variant: "outline" })}><UserPlus className="mr-2 h-4 w-4" />Create account</Link>
      </>
    )
  } else if(profileInfo.status === "success" && profileInfo.is_verified) {
    return(
      <Avatar>
        <AvatarFallback>TN</AvatarFallback>
      </Avatar>
    );
  } else if(profileInfo.status === "success" && !profileInfo.is_verified) {
    return(
      <>
      <Link href="/login" className={buttonVariants({ variant: "outline" })}><LogIn className="mr-2 h-4 w-4" />Get verified</Link>
      <Avatar>
        <AvatarFallback>TN</AvatarFallback>
      </Avatar>
      </>
    );
  }
}

export async function MainNav() {
  const profileInfo = await getProfileInfo()

  return ( // stripped of other components
      {await returnUserContent(profileInfo)}
  );
}