$(document).ready(function () {
    $("#id_transaction").keyup(function () {
        $("#ref_transaction").val("");
    });
    $("#ref_transaction").keyup(function () {
        $("#id_transaction").val("");
    });

    _table = $("#example2").DataTable({
        responsive: true,
        processing: true,
        serverSide: false,
        order: [],
        language: {
            url: window.DATATABLES_LANGUAGE_URL,
        },
        columns: [
            { data: "line", name: "line", width: "10%" },
            { data: "message", name: "message", width: "90%" },
            { data: "line2", name: "line2", width: "90%" },
            { data: "line3", name: "line3", width: "90%" },
        ],
    });
});

// JSON.stringify(info),

function referenceData() {
    var accountObject = JSON.parse($("#all_accounts").val());
    var account = accountObject.id;
    var idTransaction = $("#id_transaction").val();
    var refTransaction = $("#ref_transaction").val();
    var url = "/store/getTransactionByReference?paymentGatewayId=" + account;

    if (!isNaN(account)) {
        var formData = new FormData();
        formData.append("account_value", account);

        if (idTransaction) {
            formData.append("idTransaction_value", idTransaction);
        }
        if (refTransaction) {
            formData.append("refTransaction_value", refTransaction);
        }

        $("#button-import-product").addClass("displayNone");
        $("#spinnerButtonProduct").removeClass("displayNone");
        output("");
        $.ajax({
            type: "POST",
            dataType: "json",
            processData: false,
            contentType: false,
            headers: {
                "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
            },
            data: formData,
            url: url,
            success: function (r) {
                if (r.d) {
                    var str = JSON.stringify(r.d, undefined, 4);
                    output(syntaxHighlight(str));

                    if (r.r) {
                        swal("Datos obtenidos", {
                            icon: "success",
                            timer: 2700,
                            showConfirmButton: false,
                            buttons: false,
                        });
                    }
                } else {
                    swal("Error", r.m, "error");
                }
            },
            error: function (err) {
                $("#button-import-product").removeClass("displayNone");
                $("#spinnerButtonProduct").addClass("displayNone");
            },
        });
    } else {
        alert("Debes seleccionar una cuenta.");
    }
}

function output(inp) {
    $(".jsonPre").html(inp);
    // document.body.appendChild(document.createElement('pre')).innerHTML = inp;
}

function syntaxHighlight(json) {
    json = json
        .replace(/&/g, "&")
        .replace(/</g, "&lt;")
        .replace(/>/g, "&gt;");
    return json.replace(
        /("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g,
        function (match) {
            var cls = "number";
            if (/^"/.test(match)) {
                if (/:$/.test(match)) {
                    cls = "key";
                } else {
                    cls = "string";
                }
            } else if (/true|false/.test(match)) {
                cls = "boolean";
            } else if (/null/.test(match)) {
                cls = "null";
            }
            return '<span class="' + cls + '">' + match + "</span>";
        }
    );
}