/**
 * metodos para administrar pasarelas de pagos
 *
 */

function saveImage(id) {
    var fImage = document.getElementById("image");
    fImage = fImage.files[0];
    if (fImage) {
        var formData = new FormData();
        formData.append("id", id);
        formData.append("image", fImage);

        $.ajax({
            type: "POST",
            dataType: "json",
            processData: false,
            contentType: false,
            headers: {
                "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
            },
            data: formData,
            url: "/paymentGateway/saveImage",
            success: function (r) {
                if (r.r) {
                    swal(r.m, {
                        icon: "success",
                        buttons: {
                            Ok: true,
                        },
                    }).then((val) => {
                        if (val == "Ok") {
                            $(location).attr("href", "/paymentGateway");
                        }
                    });
                } else {
                    swal("Ok", "¡Error al cargar imagen del dorsal!", "error");
                    $("#btn-create-category").prop("disabled", false);
                }
            },
            error: function (e) {
                swal("Ok", "¡Error al cargar imagen del dorsal!", "error");
                $("#btn-create-category").prop("disabled", false);
            },
        });
    }
}

function buildInfoForApi(form) {
    var values = {};
    $.each($(form).serializeArray(), function (i, field) {
        values[field.name] = field.value;
    });

    delete values._token;
    delete values._method;

    return values;
}

function create() {
    $("#form_create").validator("update");
    $("#form_create").validator("update").on("submit", function (e) {
        if (!e.isDefaultPrevented()) {
            e.preventDefault();

            $("#btn-create").addClass("displayNone");
            $("#spinnerButton").removeClass("displayNone");

            swal(Lang.get("messagesClient.paymentGateway.tag_1"), {
                buttons: {
                    cancel: "No",
                    Ok: true,
                },
            }).then((val) => {
                if (val == "Ok") {
                    $.ajax({
                        url: "/paymentGateway",
                        type: "POST",
                        contentType: "application/json",
                        headers: {
                            "X-CSRF-TOKEN": $(
                                'meta[name="csrf-token"]'
                            ).attr("content"),
                            "Content-Type": "application/json",
                        },
                        data: JSON.stringify(buildInfoForApi('#form_create')),
                        success: function (r) {
                            if (r.r) {
                                onSuccesSave(r);
                            } else {
                                swal(r.m, "error");
                                $("#btn-create").removeClass("displayNone");
                                $("#spinnerButton").addClass("displayNone");
                            }
                        },
                        error: function (e) {
                            swal("¡Hubo un Error al crear!", "error");
                            $("#btn-create").removeClass("displayNone");
                            $("#spinnerButton").addClass("displayNone");
                        },
                    });
                } else {
                    $("#btn-create").removeClass("displayNone");
                    $("#spinnerButton").addClass("displayNone");
                }
            });
        }
    });
}

function clickEdit(value) {
    $(location).attr("href", "/paymentGateway/" + value + "/edit");
}

function edit() {
    $("#form_edit").validator("update");
    $("#form_edit").validator("update").on("submit", function (e) {
        if (!e.isDefaultPrevented()) {
            e.preventDefault();

            $("#btn-edit").addClass("displayNone");
            $("#spinnerButton").removeClass("displayNone");

            var id = $("#form_edit").attr("paymentGateway_id");

            swal(Lang.get("messagesClient.paymentGateway.tag_2"), {
                buttons: {
                    cancel: "No",
                    Ok: true,
                },
            }).then((val) => {
                if (val == "Ok") {
                    $.ajax({
                        url: "/paymentGateway/" + id,
                        type: "PUT",
                        contentType: "application/json",
                        headers: {
                            "X-CSRF-TOKEN": $(
                                'meta[name="csrf-token"]'
                            ).attr("content"),
                            "Content-Type": "application/json",
                        },
                        data: JSON.stringify(buildInfoForApi('#form_edit')),
                        success: function (r) {
                            if (r.r) {
                                onSuccesSave(r);
                            } else {
                                swal(r.m, "error");
                                $("#btn-edit").removeClass("displayNone");
                                $("#spinnerButton").addClass("displayNone");
                            }
                        },
                        error: function (e) {
                            swal("¡Hubo un Error al actualizar!", "error");
                            $("#btn-edit").removeClass("displayNone");
                            $("#spinnerButton").addClass("displayNone");
                        },
                    });
                } else {
                    $("#btn-edit").removeClass("displayNone");
                    $("#spinnerButton").addClass("displayNone");
                }
            });
        }
    });
}

function setPageTable() {
    $(location).attr("href", "/paymentGateway");
}

function chk(value) {
    var state;
    if ($("#Checkactive" + value).is(":checked")) {
        state = 1;
    } else {
        state = 0;
    }

    var info = {
        id: value,
        state: state,
    };

    $.ajax({
        url: "/paymentGateway/active",
        type: "POST",
        contentType: "application/json",
        headers: {
            "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
            "Content-Type": "application/json",
        },
        data: JSON.stringify(info),
        success: function (r) {
            if (r.r) {
                swal("Ok", r.m);
            } else {
                swal("Error", r.m, "error");
            }
        },
        error: function (e) {
            swal(
                "Error",
                Lang.get("messagesClient.paymentGateway.error_update_active"),
                "error"
            );
        },
    });
}

function chkIsProductive(value) {
    var state;
    if ($("#chkIsProductive" + value).is(":checked")) {
        state = 1;
    } else {
        state = 0;
    }

    var info = {
        id: value,
        state: state,
    };

    $.ajax({
        url: "/paymentGateway/isProductive",
        type: "POST",
        contentType: "application/json",
        headers: {
            "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
            "Content-Type": "application/json",
        },
        data: JSON.stringify(info),
        success: function (r) {
            if (r.r) {
                swal("Ok", r.m);
            } else {
                swal("Error", r.m, "error");
            }
        },
        error: function (e) {
            swal(
                "Error",
                Lang.get("messagesClient.paymentGateway.error_update_active"),
                "error"
            );
        },
    });
}

function clickDelete(value) {
    swal(Lang.get("messagesClient.paymentGateway.tag_6"), {
        buttons: {
            cancel: "No",
            Ok: true,
        },
    }).then((val) => {
        if (val == "Ok") {
            var info = {
                _method: "DELETE",
            };

            $.ajax({
                url: "/paymentGateway/" + value,
                type: "POST",
                contentType: "application/json",
                headers: {
                    "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr(
                        "content"
                    ),
                    "Content-Type": "application/json",
                },
                data: JSON.stringify(info),
                success: function (r) {
                    if (r.r) {
                        swal(r.m, {
                            icon: "success",
                            buttons: {
                                Ok: true,
                            },
                        }).then((val) => {
                            if (val == "Ok") {
                                $(location).attr("href", "/paymentGateway");
                            }
                        });
                    } else {
                        swal(r.m, { icon: "error" });
                    }
                },
                error: function (e) {
                    swal(
                        "Error",
                        Lang.get("messagesClient.paymentGateway.error_delete"),
                        "error"
                    );
                },
            });
        }
    });
}

function onSuccesSave(response) {
    var img = document.getElementById("image");
    var img = img.files[0];

    if (img != null) {
        saveImage(response.data);
    } else {
        swal(response.m, {
            icon: "success",
            buttons: {
                Ok: true,
            },
        }).then((val) => {
            if (val == "Ok") {
                $(location).attr("href", "/paymentGateway");
            }
        });
    }
}