script

function getFormData($form) {
    var unindexedArray = $form.serializeArray();
    var indexedArray = {}

    $.map(unindexedArray, function(n, i){
        indexedArray[n['name']] = n['value'];
    });

    return indexedArray;
}

function login() {
    var data = getFormData($("#loginForm"));
    var s = JSON.stringify(data);
    console.log(data);

    $.ajax({
        url: "rest/login",
        type: "POST",
        data: s,
        contentType: "application/json",
        datatype: "json",
        complete: function(data) {
            console.log(data);
            d = JSON.parse(data.responseText);
            console.log(d);
            if(d.msg) {
                window.location.replace("/");
            }
            else {
                $("#messageLogin").show();
            }
        }
    });
}

function isLoggedIn() {
    $.ajax({
        url: "rest/checkLogin",
        type: "GET",
        complete: function(data) {
            d = JSON.parse(data.responseText);

            if(d.logged)
                window.location.replace("/");
        }
    });
}

function isLoggedOut() {
    $.ajax({
        url: "rest/checkLogin",
        type: "GET",
        complete: function(data) {
            d = JSON.parse(data.responseText);

            if(!d.logged)
                window.location.replace("/login.html");
            else
                getRacuni();
        }
    });
}

function resetFields() {
    $("input[name=\"brojRacuna\"]").val('');
    $("input[name=\"raspolozivo\"]").val('');
    $("input[name=\"rezervisano\"]").val('');
    $("select[name=\"tipRacuna\"]").val('Dinarski');
    $("input[name=\"online\"]").prop('checked', false);

}

function addRacun() {
    var data = getFormData($("#addRacunForm"));
    console.log(data);
    if(data.brojRacuna == "")
    {
        window.alert("Niste uneli sva polja!");
        resetFields();
        return;
    }

    if(data.tipRacuna == "")
    {
        window.alert("Niste uneli sva polja!");
        resetFields();
        return;
    }

    if(data.raspolozivo == "")
    {
        window.alert("Niste uneli sva polja!");
        resetFields();
        return;
    }

    if(data.rezervisano == "")
    {
        window.alert("Niste uneli sva polja!");
        resetFields();
        return;
    }

    data.aktivan = true;
    var racun = JSON.stringify(data);

    $.ajax({
        url: "rest/addRacun",
        type: "POST",
        data: racun,
        contentType: "application/json",
        datatype: "json",
        complete : function(data) {
            d = JSON.parse(data.responseText);
            if(d.msg == true) {

                $("#racuniTable").append(makeTableRow(JSON.parse(racun))); // PARSE@!!!!
                $("#racun").append(makeSelectOption(JSON.parse(racun)));
            }
            else if(d.msg == "errorFields") {
                window.alert("Niste uneli sva polja!");
                resetFields();
            }
            else {
                window.alert("Racun vec postoji!");
                resetFields();
            }


        }
    });
}

function getRacuni() {
    $.ajax({
        url: "rest/getRacuni",
        type: "GET",
        complete : function(data) {
            d = JSON.parse(data.responseText);

            for(let racun of d) {
                $("#racuniTable").append(makeTableRow(racun));
                if(racun.aktivan = true)
                    $("#racun").append(makeSelectOption(racun));
            }
        }
    });
}

function uplati() {
    var data = getFormData($("#uplataForm"));
    var s = JSON.stringify(data);
    if(data.iznos == "")
    {
        window.alert("Niste uneli sva polja!");
        return;
    }

    if(data.racun == "")
    {
        window.alert("Nemate aktivan racun za uplatu!");
        return;
    }

    if(parseFloat(data.iznos) < 0)
    {
        window.alert("Iznos za uplatu ne moze biti manji od 0!");
        $("input[name=\"iznos\"").val('');
        return;
    }

    $.ajax({
        url: "/rest/uplati",
        type: "POST",
        data: s,
        contentType: "application/json",
        datatype: "json",
        complete: function(data) {
            console.log(data);
            if(data.status == 404)
            {
                window.alert(data.responseText);
            }
            else
            {
                d = JSON.parse(data.responseText);
                $("#tr"+d.brojRacuna).replaceWith(makeTableRow(d));
                $("input[name=\"iznos\"]").val('');
            }

        }
    });
}

function removeRacun(brojRacuna) {
    $.ajax({
        url: "/rest/removeRacun?brRacuna=" + brojRacuna,
        type: "GET",
        complete: function(data) {
            d = JSON.parse(data.responseText);
            console.log(d);
            if(d.msg)
            {

                $("#tr"+brojRacuna).remove();
                $("#op"+brojRacuna).remove();
            }

        }
    })
}

function toggleRacun(brojRacuna) {
    $.ajax({
        url: "/rest/toggleRacun?brRacuna=" + brojRacuna,
        type: "GET",
        complete: function(data) {
            d = JSON.parse(data.responseText);
            console.log(d);

            $("#tr"+brojRacuna).replaceWith(makeTableRow(d));
            if(!d.aktivan)
                $("#op"+brojRacuna).remove();
            else
                $("#racun").append(makeSelectOption(d));

        }
    })
}

function makeTableRow(racun) {

    var ukupno = parseFloat(racun.raspolozivo) + parseFloat(racun.rezervisano);
    var online = racun.online == true ? "Da" : "Ne";
    var aktivan = racun.aktivan == true ? "Da" : "Ne";
    var aktivacija = racun.aktivan == true ? "Deaktiviraj" : "Aktiviraj";

    var row =
    `
        <tr id=tr${racun.brojRacuna}>
            <td>${racun.brojRacuna}</td>
            <td>${racun.tipRacuna}</td>
            <td>${racun.rezervisano}</td>
            <td>${racun.raspolozivo}</td>
            <td>${ukupno}</td>
            <td>${online}</td>
            <td>${aktivan}</td>
            <td><span class="link" onclick="removeRacun('${racun.brojRacuna}')">Obrisi</span></td>
            <td><span class="link" onclick="toggleRacun('${racun.brojRacuna}')">${aktivacija}</span></td>
        </tr>
    `
    return row;
}

function makeSelectOption(racun) {
    var row = `<option id="op${racun.brojRacuna}" value="${racun.brojRacuna}">${racun.brojRacuna}</option>`;

    return row;
}