"use strict";

/* exported refreshLock, Actions */

function refreshLock() {
    /* global editor, csrf_token */ // TODO: FIXME
    const oReq = new XMLHttpRequest();
    oReq.addEventListener("load", () => {
        const response = JSON.parse(oReq.responseText);

        if (response.error !== undefined) {
            document.getElementById("submit").disabled = true;

            if (response.error_lines !== undefined) {
                editor.session.setAnnotations(response.error_lines);
                document.getElementById("preview-div").innerHTML = "<h3>Error - see editor margin</h3>";
            } else {
                document.getElementById("preview-div").innerHTML = `<h3>Error</h3><p>${ response.error }<p>`;
            }
        } else {
            document.getElementById("submit").disabled = false;
            document.getElementById("preview-div").innerHTML = response.data;

            editor.session.setAnnotations([]);
        }
    });

    const data = editor.getValue();

    if (data.replace(" ", "").length < 1 || document.getElementById("title").value.length < 1) {
        document.getElementById("submit").disabled = true;
        return false;
    }

    oReq.open("POST", "/render");

    oReq.setRequestHeader("Content-type", "application/json");
    oReq.setRequestHeader("X-CSRFToken", csrf_token);

    oReq.send(JSON.stringify({"data": editor.getValue()}));
}

class Actions {
    constructor(url, csrf_token) {
        this.url = url;
        this.csrf_token = csrf_token;
    }

    send(action, method, data, callback) {
        const oReq = new XMLHttpRequest();

        oReq.addEventListener("load", () => {
            let result;

            try {
                result = JSON.parse(this.responseText);
            } catch (e) {
                return callback(false);
            }

            if ("error_code" in result) {
                return callback(false, result);
            }

            return callback(true, result);
        });

        data["action"] = action;

        const params = this.get_params(data);
        const url = `${this.url }?${ params}`;

        oReq.open(method, url);
        oReq.setRequestHeader("X-CSRFToken", this.csrf_token);
        oReq.send();
    }

    send_json(action, method, data, callback) {
        const oReq = new XMLHttpRequest();

        oReq.addEventListener("load", () => {
            let result;

            try {
                result = JSON.parse(oReq.responseText);
            } catch (e) {
                return callback(false);
            }

            if ("error_code" in result) {
                return callback(false, result);
            }

            return callback(true, result);
        });

        const obj = JSON.stringify(data);

        const params = this.get_params({"action": action});
        const url = `${this.url }?${ params}`;

        oReq.open(method, url);
        oReq.setRequestHeader("X-CSRFToken", this.csrf_token);
        oReq.send(obj);
    }

    get_params(data) { // https://stackoverflow.com/a/12040639
        return Object.keys(data).map((key) => {
            return [key, data[key]].map(encodeURIComponent).join("=");
        }).join("&");
    }

    set_state(jam, state, callback) {
        this.send(
            "state",
            "POST",
            {
                "jam": jam,
                "state": state
            },
            callback
        );
    }

    get_questions(callback) {
        this.send(
            "questions",
            "GET",
            {},
            callback
        );
    }

    create_question(data, callback) {
        this.send_json(
            "questions",
            "POST",
            data,
            callback
        );
    }

    delete_question(id, callback) {
        this.send(
            "question",
            "DELETE",
            {"id": id},
            callback
        );
    }

    associate_question(form, question, callback) {
        this.send(
            "associate_question",
            "POST",
            {
                "form": form,
                "question": question,
            },
            callback
        );
    }

    disassociate_question(form, question, callback) {
        this.send(
            "disassociate_question",
            "POST",
            {
                "form": form,
                "question": question,
            },
            callback
        );
    }

    create_infraction(id, reason, number, callback) {
        this.send(
            "infraction",
            "POST",
            {
                "participant": id,
                "reason": reason,
                "number": number
            },
            callback
        );
    }

    delete_infraction(id, callback) {
        this.send(
            "infraction",
            "DELETE",
            {"id": id},
            callback
        );
    }

    approve_application(id, callback) {
        this.send(
            "approve_application",
            "POST",
            {"id": id},
            callback
        );
    }

    unapprove_application(id, callback) {
        this.send(
            "unapprove_application",
            "POST",
            {"id": id},
            callback
        );
    }
}