function parseDate(date) {
    var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
                  'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
  
    return months[date.getUTCMonth()] + ' ' + date.getUTCDate() + ', ' + date.getUTCFullYear() + ' ' + date.toLocaleTimeString();
}

function parseUser(user) {
    const html = `
        <a class="person" href="/profile?id=${user.id}">
            <div class="profile">

            </div>
            <div class="info">
                <span class="bold ltext">${user.first + ' ' + user.last}</span>
                <span class="gtext">Joined ${parseDate(new Date(user.date))}</span>
                <span class="gtext">Gender: ${user.gender}</span>
                <span class="gtext">Birthday: ${user.month + ' ' + user.day + ', ' + user.year}</span>
            </div>
        </a>
    `
    return html
}

function render() {
    const html = `
    <div id="users">
        ${data.users.map(u => parseUser(u)).join('')}
    </div>
    `

    add(html, 'usres')
}

var data = {
    users: []
}

async function load() {
    const users = (await loadallusers()).json
    console.log(users)
    data.users = users
    render()
}

header(false, true)
load()