$(document).ready(function () {
    $("#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%" },
        ],
    });
});

function referenceData() {
    var refTransaction = $("#ref_transaction").val();
    if (!refTransaction) {
        swal("Error", Lang.get('messages.ref_wompi.title_3') + ' is required', "error");
        return;
    }
    var url = '/store/getTransactionByReference?reference=' + refTransaction;

    $('#loading').show();
    output("");
    $.ajax({
        type: "POST",
        dataType: "json",
        processData: false,
        contentType: false,
        headers: {
            "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
        },
        url: url,
        success: function (r) {
            $('#loading').hide();
            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) {
            $('#loading').hide();
            swal("Error", err.responseJSON.message, "error");
        },
    });
}

function output(inp) {
    $(".jsonPre").html(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>";
        }
    );
}