const url = "";

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: "/popup_embed/saveImage",
            success: function (r) {
                if (r.r) {
                    swal(r.m, {
                        icon: "success",
                        buttons: {
                            Ok: true,
                        },
                    }).then((val) => {
                        if (val == "Ok") {
                            $(location).attr("href", url + "/popup_embed");
                        }
                    });
                } else {
                    swal("Ok", Lang.get("messagesClient.popup_tag1"), "error");
                }
            },
        });
    } else {
        swal("Ok", "Popup creado sin imagen.", {
            icon: "success",
            buttons: {
                Ok: true,
            },
        }).then((val) => {
            if (val == "Ok") {
                $(location).attr("href", "/popup_embed");
            }
        });
    }
}

function updateImage(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: "/popup_embed/updateImage",
            success: function (r) {
                if (r.r) {
                    swal(r.m, {
                        icon: "success",
                        buttons: {
                            Ok: true,
                        },
                    }).then((val) => {
                        if (val == "Ok") {
                            $(location).attr("href", url + "/popup_embed");
                        }
                    });
                } else {
                    swal("Ok", r.m, "error");
                }
            },
        });
    } else {
        swal("Ok", "Popup editado sin imagen.", {
            icon: "success",
            buttons: {
                Ok: true,
            },
        }).then((val) => {
            if (val == "Ok") {
                $(location).attr("href", "/popup_embed");
            }
        });
    }
}

function create() {
    $("#createPopup").validator("update");
    $("#createPopup")
        .validator("update")
        .on("submit", function (e) {
            e.preventDefault();
            var type_action_id = $("#createPopup select[name='type_action_id']").val();
            var value = $("#createPopup input[name='value']").val();
            var category_id = $("#createPopup select[name='category_id']").val();

            if (
                (type_action_id == "1" && !category_id) ||
                (type_action_id == "1" && category_id == "0")
            ) {
                swal("Error", "Debes seleccionar una categoria", "error");
                return;
            } else if (type_action_id == "1" && category_id != "0") {
                value = category_id;
            }

            var info = {
                title: $("#createPopup input[name='title_popup']").val(),
                msj: $("#createPopup input[name='msj']").val(),
                text_button_ok: $("#createPopup input[name='text_button_ok']").val(),
                type_action_id,
                value,
                tags: $("#createPopup select[name='generalMultiselect']").val()
            };

            $("#btn-create").addClass("displayNone");
            $("#spinnerButton").removeClass("displayNone");
            swal(Lang.get("messagesClient.popup_tag3"), {
                buttons: {
                    cancel: "No",
                    Ok: true,
                },
            }).then((val) => {
                if (val == "Ok") {
                    $.ajax({
                        url: "/popup_embed/create",
                        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) {
                                var id_popup = r.d.id;
                                var image = document.getElementById("image");
                                if (image != null) {
                                    saveImage(id_popup);
                                } else {
                                    swal(r.m, {
                                        icon: "success",
                                        buttons: {
                                            Ok: true,
                                        },
                                    }).then((val) => {
                                        if (val == "Ok") {
                                            $(location).attr(
                                                "href",
                                                url + "/popup_embed"
                                            );
                                        }
                                    });
                                }
                            } else {
                                swal("Error", r.m, "error");
                                $("#btn-create").removeClass("displayNone");
                                $("#spinnerButton").addClass("displayNone");
                            }
                        },
                        error: function (e) {
                            swal("Error", Lang.get("messagesClient.popup_tag4"), "error");
                            $("#btn-create").removeClass("displayNone");
                            $("#spinnerButton").addClass("displayNone");
                        },
                    });
                } else {
                    $("#btn-create").removeClass("displayNone");
                    $("#spinnerButton").addClass("displayNone");
                }
            });
        });
}

function clickEditPopup(value) {
    _table = $("#example2").DataTable();
    index = _table.page();
    localStorage.setItem("PopupTableIndex", index);
    $(location).attr("href", "/popup_embed/edit/" + value);
}

function edit() {
    $("#editPopup").validator("update");
    $("#editPopup")
        .validator("update")
        .on("submit", function (e) {
            e.preventDefault();
            var type_action_id = $("#editPopup select[name='type_action_id']").val();
            var value = $("#editPopup input[name='value']").val();
            var category_id = $("#editPopup select[name='category_id']").val();

            if (
                (type_action_id == "1" && !category_id) ||
                (type_action_id == "1" && category_id == "0")
            ) {
                swal("Error", "Debes seleccionar una categoria", "error");
                return;
            } else if (type_action_id == "1" && category_id != "0") {
                value = category_id;
            }

            var popup_id = $("#editPopup").attr("popup_id");

            var info = {
                popup_id,
                title: $("#editPopup input[name='title_popup']").val(),
                msj: $("#editPopup input[name='msj']").val(),
                text_button_ok: $("#editPopup input[name='text_button_ok']").val(),
                type_action_id,
                value,
                tags: $("#editPopup select[name='generalMultiselect']").val()
            };

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

            swal(Lang.get("messagesClient.popup_tag5"), {
                buttons: {
                    cancel: "No",
                    Ok: true,
                },
            }).then((val) => {
                if (val == "Ok") {
                    $.ajax({
                        url: "/popup_embed/update",
                        type: "PUT",
                        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) {
                                var id_popup = r.d.id;
                                var image = document.getElementById("image")
                                    .value;
                                if (image != "") {
                                    updateImage(id_popup);
                                } else {
                                    swal(r.m, {
                                        icon: "success",
                                        buttons: {
                                            Ok: true,
                                        },
                                    }).then((val) => {
                                        if (val == "Ok") {
                                            localStorage.setItem(
                                                "setPageTable",
                                                true
                                            );
                                            $(location).attr(
                                                "href",
                                                url + "/popup_embed"
                                            );
                                        }
                                    });
                                }
                            } else {
                                swal("Error", r.m, "error");
                                $("#btn-edit").removeClass("displayNone");
                                $("#spinnerButton").addClass("displayNone");
                            }
                        },
                        error: function (e) {
                            swal("Error", Lang.get("messagesClient.popup_tag6"), "error");
                            $("#btn-edit").removeClass("displayNone");
                            $("#spinnerButton").addClass("displayNone");
                        },
                    });
                } else {
                    $("#btn-edit").removeClass("displayNone");
                    $("#spinnerButton").addClass("displayNone");
                }
            });
        });
}

function setPageTable() {
    localStorage.setItem("setPageTable", true);
    $(location).attr("href", "/banners");
}

/**Activar/Desactivar Banner usando switch*/
function chkPopup(value) {
    var state;
    if ($("#Checkactive" + value).is(":checked")) {
        state = 1;
    } else {
        state = 0;
    }

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

    $.ajax({
        url: "/popup_embed/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(r.m, {
                    icon: "success",
                    buttons: {
                        Ok: true,
                    },
                });
            } else {
                swal("Error", r.m, "error");
            }
        },
        error: function (e) {
            swal("Error", Lang.get("messagesClient.banner_tag7"), "error");
        },
    });
}

function changeType(type, type_selected = false) {
    if (type == 2 || type == 3) {
        $("#container_category").addClass("hide");
        $("#container_value").removeClass("hide");
        if (!type_selected) {
            $("#value").val("");
        }
    }

    if (type == 1) {
        $("#container_category").removeClass("hide");
        $("#container_value").addClass("hide");
        $("#category_id").empty();
        $.ajax({
            type: "GET",
            headers: {
                "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
            },
            url: "/categories/list",
            data: null,
            success: function (response) {
                if (response.r) {
                    $("#category_id").prop("disabled", false);
                    $("#category_id")
                        .append(
                            '<option value="0" selected disabled>-- Seleccionar</option>'
                        )
                        .select("refresh");
                    for (var i = 0; i < response.data.length; i++) {
                        if (
                            type_selected &&
                            type_selected == response.data[i].id
                        ) {
                            $("#category_id")
                                .append(
                                    '<option value="' +
                                    response.data[i].id +
                                    '" selected>' +
                                    response.data[i].name +
                                    "</option>"
                                )
                                .select("refresh");
                        } else {
                            $("#category_id")
                                .append(
                                    '<option value="' +
                                    response.data[i].id +
                                    '">' +
                                    response.data[i].name +
                                    "</option>"
                                )
                                .select("refresh");
                        }
                    }
                }
            },
            error: function (textStatus, errorThrown) {
                swal("Error", Lang.get("messagesClient.field_datasources.error_delete"), "error");
            },
        });
    }
}

function clickDeletePopup(popup_id) {
    swal(Lang.get("messagesClient.product_popup_delete"), {
        buttons: {
            cancel: "No",
            Ok: true,
        },
    }).then((val) => {
        if (val == "Ok") {
            $.ajax({
                url: "/popup_embed/" + popup_id + "/delete",
                type: "DELETE",
                headers: {
                    "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr(
                        "content"
                    ),
                    "Content-Type": "application/json",
                },
                success: function (r) {
                    if (r.r) {
                        swal(r.m, {
                            icon: "success",
                            buttons: {
                                Ok: true,
                            },
                        }).then((val) => {
                            if (val == "Ok") {
                                $(location).attr("href", url + "/popup_embed");
                            }
                        });
                    } else {
                        swal("Error", r.m, "error");
                    }
                },
                error: function (e) {
                    swal("Error", "¡Hubo un Error al eliminar!", "error");
                },
            });
        }
    });
}