var charsheet_elements = {}
charsheet_elements["lbl_agility"] = document.getElementById("lbl-attr-agility");
charsheet_elements["lbl_instinct"] = document.getElementById("lbl-attr-instinct");
charsheet_elements["lbl_leadership"] = document.getElementById("lbl-attr-leadership");
charsheet_elements["lbl_instinct_txt"] = document.getElementById("lbl-attr-instinct-txt");
charsheet_elements["btn_upgrade_agility"] = document.getElementById("btn-upgrade-agility");
charsheet_elements["btn_upgrade_instinct"] = document.getElementById("btn-upgrade-instinct");
charsheet_elements["btn_upgrade_leadership"] = document.getElementById("btn-upgrade-leadership");
charsheet_elements["blk_tree"] = document.getElementById("charsheet-upgrade-tree");

function update_charsheet() {
    charsheet_elements["lbl_agility"].innerHTML = gamestate["agility"];
    charsheet_elements["lbl_instinct"].innerHTML = gamestate["instinct"];
    charsheet_elements["lbl_leadership"].innerHTML = gamestate["leadership"];

    if (gamestate["story_beat"] >= 3) {
        charsheet_elements["lbl_instinct_txt"].innerHTML = "Intelligence";
        charsheet_elements["btn_upgrade_instinct"].innerHTML = "Intelligence Upgrades";
    }
}

async function purchase_upgrade(tree, upgrade) {
    var upgrade_data = await fetch(`/upgrades/${tree}/${upgrade}`)
    .then(res => res.text())
    console.log(upgrade_data)
}

async function display_tree(tree) {
    var upgrade_tree = await fetch(`/upgrades/${tree}`)
    .then(res => res.text())
    //console.log(upgrade_tree)

    charsheet_elements["blk_tree"].innerHTML = upgrade_tree
}

charsheet_elements["btn_upgrade_agility"].addEventListener("click", (ev) => {display_tree("agility")});
charsheet_elements["btn_upgrade_instinct"].addEventListener("click", (ev) => {display_tree("instinct")});
charsheet_elements["btn_upgrade_leadership"].addEventListener("click", (ev) => {display_tree("leadership")});