const server = window.location.protocol + "//" + window.location.hostname + ":8000";
const host = window.location.protocol + "//" + window.location.host;
const client_id = "POKO Web 0.0"

async function xhttp_get(url) {
    try {
        const response = await fetch(url);
        if (!response.ok) {
            throw new Error(`Response status: ${response.status}`);
        }

        try {
            return new Response(response.status, await response.clone().json())
        } catch {
            return new Response(response.status, await response.text())
        }
    } catch (error) {
        console.error(error.message);
    }
}

async function xhttp_post(url, body) {
    try {
        const response = await fetch(url, {
            method: "POST",
            body: JSON.stringify(body),
            headers: {
                "Content-Type": "application/json",
            },
        });

        try {
            return new Response(response.status, await response.clone().json())
        } catch {
            return new Response(response.status, await response.text())
        }

    } catch (error) {
        console.error(error.message)
    }
}

class Response {
    constructor(status, body) {
        this.status = status;
        this.body = body;
    }
}

async function register() {
    const username = document.getElementById("username").value;
    const password = document.getElementById("password").value;
    const id = document.getElementById("id").value;

    const url = server + "/user/register/"
    var body;
    if (id == "") {
        body = {"name": username, "password": password}
    } else {
        body = {"name": username, "password": password, "id": id}
    }
    const req = await xhttp_post(url, body);

    if (req.status == 201) {
        await login(req.body.id, password)
        window.location.href = host + "/user.html"
    } else {
        alert(req.status + ": " + req.body)
    }
}

function password_validator() {
    const password = document.getElementById("password");
}

function login_form() {
    const id = document.getElementById("id").value;
    const password = document.getElementById("password").value;

    login(id, password)
}

async function login(id, password) {
    const url = server + "/user/login"
    const body = {"id": id, "password": password, "clientid": client_id};
    const req = await xhttp_post(url, body);

    if (req.status == 200) {
        // Set session cookie
        set_session(req.body, id)
        window.location.href = host + "/user.html";
    } else {
        alert(req.status + ": " + req.body)
    }
}

function getCookie(cname) {
    let name = cname + "=";
    let decodedCookie = decodeURIComponent(document.cookie);
    let ca = decodedCookie.split(';');
    for(let i = 0; i <ca.length; i++) {
      let c = ca[i];
      while (c.charAt(0) == ' ') {
        c = c.substring(1);
      }
      if (c.indexOf(name) == 0) {
        return c.substring(name.length, c.length);
      }
    }
    return "";
}

function get_session() {
    return getCookie("session")
}
function get_id() {
    return getCookie("id")
}
function set_session(session, id) {
    document.cookie = "session=" + session + "; SameSite=Strict; path=/;"; 
    document.cookie = "id=" + id + "; SameSite=Strict; path=/;"; 
}
function del_session() {
    document.cookie = "session=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; 
    document.cookie = "id=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; 
}

async function logout() {
    const id = get_id();
    const session = get_session();

    const url = server + "/user/logout"
    const body = {"id": id, "session": session};
    const req = await xhttp_post(url, body);

    if (req.status == 200) {
        del_session()
        window.location.href = host
    } else {
        alert("Unauthorized")
    }
}

async function is_logged_in() {
    const session = get_session();
    const id = get_id();

    if (session != "") {
        if (id != "") {
            const url = server + "/user/get"
            const body = {"id": id, "session": session}
            const req = await xhttp_post(url, body);

            if (req.status == 200) {
                return true
            } else if (req.status == 404) {
                if (req.body == "Not Authenticated") {
                    del_session()
                    return false
                }
            }
        } else {
            del_session()
        }
    }

    return false
}

async function user() {
    const session = get_session();
    const id = get_id();

    const user_name = document.getElementById("user.name");
    const user_id = document.getElementById("user.id");
    const users = document.getElementById("users");
    const balance = document.getElementById("balance");
    
    
    if (is_logged_in()) {


        const url = server + "/user/get"
        const body = {"id": id, "session": session}
        const req = await xhttp_post(url, body);
        
        if (req.status == 200) {

            const tokens = format_tokovec(req.body.tokovec);
            const user_list = await userlist();

            user_name.innerHTML = `Name: ${req.body.name}`;
            user_id.innerHTML = `ID: ${id}`;
            users.innerHTML += user_list;
            balance.innerHTML += tokens;

        } else if (req.status == 404) {
            if (req.body == "Not Authenticated") {
                del_session()
            }
        }
    }
}

function format_tokovec(tokovec) {
    var out = ""
    for (t in tokovec) {
        out += `
            <p>${tokovec[t].color}: ${tokovec[t].amount}</p>
        `
    }

    return out
}

async function userlist() {
    const url = server + "/user/list"
    const req = await xhttp_get(url);

    var out = ""

    try {
        if (req.status == 200) {
            for (u in req.body) {
                const user = req.body[u];
                out += `<p>${user.id} -- ${user.name}`
            }
    
        } else {
            return "<p>User list not available</p>"
        }
    
    } catch {}

    return out
}

async function transfer(to_id, color, amount) {
    const id = get_id();
    const session = get_session();

    if (is_logged_in()) {
        const url = server + "/transfer/out";
        const body = {"id": id, "session": session, "to": to_id, "color": color, "amount": Number(amount)};
        const req = await xhttp_post(url, body);

        if (req.status != 200) {
            alert(req.status + ":" + req.body)
        } else if (req.status == 200) {
            window.location.href = host + "/user.html"
        }
    }
}

function transfer_form() {
    const to_id = document.getElementById("to_id").value;
    const color_raw = document.getElementById("color").value.toLowerCase();
    const color = color_raw.substr(0, 1).toUpperCase() + color_raw.slice(1)
    const amount = document.getElementById("amount").value;

    console.log(to_id, color, amount)

    transfer(to_id, color, amount)
}