function searchUsers() {        //this needs some heavy updating
    const searchTerm = document.getElementById("search").value;
    const data = JSON.parse(sessionStorage.getItem("peopleData"));

    //const results = data.filter(person => person.name === searchTerm)

    const results = data.filter(person => filterByName(searchTerm, person));
    console.log(results);

    populateUsers(results);
}

function filterByName(searchTerm, item) {
    if(item.name.toLowerCase().startsWith(searchTerm.toLowerCase())) {
        return true;
    } else {
        return false;
    }
}

function getUsers() {
    const authToken = 'Bearer nevergonnagiveyouupnevergonnaletyoudownnevergonnarunaroundanddesertyounevergonnamakeyoucrynevergonnasaygoodbyenevergonnatellalieandhurtyou';

    // Define the headers for the API call with the authentication token included
    const headers = new Headers();
    headers.append('Authorization', authToken);

    
    // Make a REST API call with the headers
    fetch('https://indigofox.dev:9230/api/members', { headers })
        .then(response => response.json())
        .then(data => {
            // Store the response in a variable
            const responseData = data;

            console.log(responseData);

            // Do something with the response data
            sessionStorage.setItem("peopleData", JSON.stringify(responseData));
            populateUsers(responseData);
        })
        .catch(error => {
            console.error('Error:', error);
        });
}

function populateUsers(items) {

    //const URLparams = URLSearchParams(window.location.search);


    const table = document.getElementById("tableBody");

    table.innerHTML = "";



    items.forEach(item => {
        let row = table.insertRow();
        
        let name = row.insertCell(0);
        name.innerHTML = item.name;
        let rank = row.insertCell(1);
        rank.innerHTML = item.rank;
        let unit = row.insertCell(2);
        unit.innerHTML = unit.rank;
        let joinDate = row.insertCell(3);
        joinDate.innerHTML = item.joinDate

        row.addEventListener("click", () => {
            window.location.href = `../Profile Page/profile.html?id=${item.id}#`;
          });
        row.addEventListener("mouseover", () => {
            row.style.cursor = "pointer";
            row.classList.add("hover");
        })
        row.addEventListener("mouseout", () => {
            row.classList.remove("hover");
        })
    })
}

    // const items1 = [
    //     { name: "Ajdj100", unit: "Echo", rank: "1SG", joinDate: "3/7/2022" },
    //     { name: "EagleTrooper", unit: "Alpha", rank: "SSG", joinDate: "long long ago" },
    // ];


    // console.log(items);