function changeType(type, type_selected = false) {
    var businessDirectoryad = $("#target").val();
    if ((businessDirectoryad == "business-directory" && type == 3) || (businessDirectoryad.includes("category-") && type == 3)) {
        sectionList(type_selected);
    } else {
        if (type == 2 || type == 3) {
            $("#container_category").addClass("hide");
            $("#container_business_directory").addClass("hide");
            $("#container_category_menu_item").addClass("hide");
            $("#container_value").removeClass("hide");
            $('#value').show();
            if (!type_selected) {
                $("#value").val("");

            }
        }
    }
    if ((businessDirectoryad == "business-directory" && type == 1) || (businessDirectoryad.includes("category-") && type == 1)) {
        businessDirectoryListing(type_selected);
    } else {
        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"
                    );
                },
            });
        }
    }
    manageActionContainerBanner(type, businessDirectoryad);
}

function changeTypePopup(type, type_selected = false) {
    var businessDirectoryad = $("#target_popup").val();
    if ((businessDirectoryad == "business-directory" && type == 3) || (businessDirectoryad.includes("category-") && type == 3)) {
        sectionListPopup(type_selected);
    } else {
        if (type == 2 || type == 3) {
            $('#value_popup').show();
            if (!type_selected) {
                $("#value").val("");
                $("#value_popup").val("");
            }
        }
    }

    if ((businessDirectoryad == "business-directory" && type == 1) || (businessDirectoryad.includes("category-") && type == 1)) {
        businessDirectoryListingPopup(type_selected);
    } else {
        if (type == 1) {
            $("#category_id_popup").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_popup").prop("disabled", false);
                        $("#category_id_popup")
                            .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_popup")
                                    .append(
                                        '<option value="' +
                                        response.data[i].id +
                                        '" selected>' +
                                        response.data[i].name +
                                        "</option>"
                                    )
                                    .select("refresh");
                            } else {
                                $("#category_id_popup")
                                    .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"
                    );
                },
            });
        }
    }

    manageActionContainer(type, businessDirectoryad);
}

function changeFrequencyPopup(frequencyOption) {
    $("#frequency").val(frequencyOption > 1 ? "" : frequencyOption);
    manageFrecuencyContainer(frequencyOption);
}

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: "/app_customization/imageBanner/saveImageBanner",
            success: function (r) {
                if (r.r) {
                    swal(r.m, {
                        icon: "success",
                        buttons: {
                            Ok: true,
                        },
                    }).then((val) => {
                        if (val == "Ok") {
                            $(location).attr(
                                "href",
                                "/app_customization/advertising_app"
                            );
                        }
                    });
                } else {
                    swal(
                        "Error",
                        "¡Error al cargar imagen del Banner!",
                        "error"
                    );
                    $("#btn-create-category").prop("disabled", false);
                }
            },
            error: function (e) {
                swal("Error", "¡Error al cargar imagen del Banner!", "error");
                $("#btn-create-category").prop("disabled", false);
            },
        });
    }
}

function saveImagePopup(id) {
    var fImage = document.getElementById("imagePopup");
    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: "/app_customization/imagePopupEmbed/saveImagePopupEmbed",
            success: function (r) {
                if (r.r) {
                    swal(r.m, {
                        icon: "success",
                        buttons: {
                            Ok: true,
                        },
                    }).then((val) => {
                        if (val == "Ok") {
                            $(location).attr(
                                "href",
                                "/app_customization/advertising_app"
                            );
                        }
                    });
                } else {
                    swal(
                        "Error",
                        "¡Error al cargar imagen del Popup!",
                        "error"
                    );
                    $("#btn-create-category").prop("disabled", false);
                }
            },
            error: function (e) {
                swal("Error", "¡Error al cargar imagen del Popup!", "error");
                $("#btn-create-category").prop("disabled", false);
            },
        });
    }
}

function createBanner() {
    var value;

    // validar fecha banners
    var startDate = $("#start_date").val();
    var endDate = $("#end_date").val();
    if (startDate && endDate) {
        var d1 = Date.parse(startDate);
        var d2 = Date.parse(endDate);
        if (d1 > d2) {
            swal(
                "Error",
                "Por favor, la fecha fin no debe estar posterior a la fecha inicio",
                "error"
            ).then((val) => {
                startDate.focus();
            });
            return false;
        }
    } else if (!startDate && endDate) {
        swal(
            "Error",
            "Por favor, ingresa dato en campo fecha inicio",
            "error"
        ).then((val) => {
            startDate.focus();
        });
        return false;
    } else if (startDate && !endDate) {
        swal(
            "Error",
            "Por favor, ingresa dato en campo fecha fin",
            "error"
        ).then((val) => {
            endDate.focus();
        });
        return false;
    }

    $("#buttonCreateBanner").addClass("displayNone");
    $("#spinnerButton").removeClass("displayNone");

    var valueBusinessCategory = $("#business_directory_id").val();
    var valueSection = $("#category_id_menu_item").val();
    var valueCategory = $("#category_id").val();
    var optionalValue = $("#value").val();
    if (optionalValue || valueBusinessCategory) {
        value = optionalValue ? optionalValue : valueBusinessCategory;
    } else {
        value = valueCategory ? valueCategory : valueSection;
    }

    var imgValidate = document.getElementById("image");
    imgValidate = imgValidate.files[0];
    if (imgValidate) {
        var info = {
            name: $("#name").val(),
            order: $("#order").val(),
            type_action_id: $("#type_action_id").val(),
            category_id: $("#category_id").val(),
            value: value,
            description: $("#description").val(),
            target:
                $("#target").val() == "category-"
                    ? $("#business_category").val()
                    : $("#target").val(),
            generalMultiselect: $(" select[name='generalMultiselect']").val(),
            start_date: $("#start_date").val(),
            end_date: $("#end_date").val(),
        };

        swal(Lang.get("messagesClient.advertisingBanner.tag_1"), {
            buttons: {
                cancel: "No",
                Ok: true,
            },
        }).then((val) => {
            if (val == "Ok") {
                $.ajax({
                    url: "/app_customization/banner/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 = r.data;
                            var img = document.getElementById("image");
                            var img = img.files[0];
                            if (img != null) {
                                saveImage(id);
                            } else {
                                swal(r.m, {
                                    icon: "success",
                                    buttons: {
                                        Ok: true,
                                    },
                                }).then((val) => {
                                    if (val == "Ok") {
                                        $(location).attr(
                                            "href",
                                            "/app_customization/advertising_app"
                                        );
                                    }
                                });
                            }
                        } else {
                            swal("Error", r.m, "error");
                            $("#buttonCreateBanner").removeClass("displayNone");
                            $("#spinnerButton").addClass("displayNone");
                        }
                    },
                    error: function (e) {
                        swal("Error", "¡Hubo un Error al crear!", "error");
                        $("#buttonCreateBanner").removeClass("displayNone");
                        $("#spinnerButton").addClass("displayNone");
                    },
                });
            } else {
                $("#buttonCreateBanner").removeClass("displayNone");
                $("#spinnerButton").addClass("displayNone");
            }
        });
    } else {
        swal("Mensaje", "Debes subir una imagen del banner", "warning");
        $("#buttonCreateBanner").removeClass("displayNone");
        $("#spinnerButton").addClass("displayNone");
    }
}

function edit() {
    var value;

    // validar fecha banners
    var startDate = $("#Checkactive").is(":checked")
        ? $("#start_date").val()
        : null;
    var endDate = $("#Checkactive").is(":checked")
        ? $("#end_date").val()
        : null;
    if (startDate && endDate) {
        var d1 = Date.parse(startDate);
        var d2 = Date.parse(endDate);
        if (d1 > d2) {
            swal(
                "Error",
                "Por favor, la fecha Desde no debe estar posterior a la fecha Hasta",
                "error"
            ).then((val) => {
                startDate.focus();
            });
            return false;
        }
    } else if (!startDate && endDate) {
        swal(
            "Error",
            "Por favor, ingresa dato en campo fecha Desde",
            "error"
        ).then((val) => {
            startDate.focus();
        });
        return false;
    } else if (startDate && !endDate) {
        swal(
            "Error",
            "Por favor, ingresa dato en campo fecha Hasta",
            "error"
        ).then((val) => {
            endDate.focus();
        });
        return false;
    }

    $("#buttonEditBanner").addClass("displayNone");
    $("#spinnerButton").removeClass("displayNone");
    var valueBusinessCategory = $("#business_directory_id").val();
    var valueSection = $("#category_id_menu_item").val();
    var valueCategory = $("#category_id").val();
    var optionalValue = $("#value").val();
    if (optionalValue || valueBusinessCategory) {
        value = optionalValue ? optionalValue : valueBusinessCategory;
    } else {
        value = valueCategory ? valueCategory : valueSection;
    }

    var info = {
        id: $("#bannerId").val(),
        name: $("#name").val(),
        order: $("#order").val(),
        type_action_id: $("#type_action_id").val(),
        category_id: $("#category_id").val(),
        value: value,
        description: $("#description").val(),
        target: $("#target").val().includes("category-")
            ? $("#business_category").val()
            : $("#target").val(),
        generalMultiselect: $(" select[name='generalMultiselect']").val(),
        start_date: startDate,
        end_date: endDate,
    };

    swal(Lang.get("messagesClient.advertisingBanner.tag_2"), {
        buttons: {
            cancel: "No",
            Ok: true,
        },
    }).then((val) => {
        if (val == "Ok") {
            $.ajax({
                url: "/app_customization/banner/update",
                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 = r.data;
                        var img = document.getElementById("image");
                        var img = img.files[0];
                        if (img != null) {
                            saveImage(id);
                        } else {
                            swal(r.m, {
                                icon: "success",
                                buttons: {
                                    Ok: true,
                                },
                            }).then((val) => {
                                if (val == "Ok") {
                                    $(location).attr(
                                        "href",
                                        "/app_customization/advertising_app"
                                    );
                                }
                            });
                        }
                    } else {
                        swal("Error", r.m, "error");
                        $("#buttonEditBanner").removeClass("displayNone");
                        $("#spinnerButton").addClass("displayNone");
                    }
                },
                error: function (e) {
                    swal("Error", "¡Hubo un Error al actualizar!", "error");
                    $("#buttonEditBanner").removeClass("displayNone");
                    $("#spinnerButton").addClass("displayNone");
                },
            });
        } else {
            $("#buttonEditBanner").removeClass("displayNone");
            $("#spinnerButton").addClass("displayNone");
        }
    });
}

function createPopup() {
    var value;

    // validar fecha popups
    var startDatePopup = $("#start_date_popup").val();
    var endDatePopup = $("#end_date_popup").val();
    if (startDatePopup && endDatePopup) {
        var d1 = Date.parse(startDatePopup);
        var d2 = Date.parse(endDatePopup);
        if (d1 > d2) {
            swal(
                "Error",
                "Por favor, la fecha Desde no debe estar posterior a la fecha Hasta",
                "error"
            ).then((val) => {
                startDatePopup.focus();
            });
            return false;
        }
    } else if (!startDatePopup && endDatePopup) {
        swal(
            "Error",
            "Por favor, ingresa dato en campo fecha Desde",
            "error"
        ).then((val) => {
            startDatePopup.focus();
        });
        return false;
    } else if (startDatePopup && !endDatePopup) {
        swal(
            "Error",
            "Por favor, ingresa dato en campo fecha Hasta",
            "error"
        ).then((val) => {
            endDatePopup.focus();
        });
        return false;
    }

    $("#buttonCreatePopup").addClass("displayNone");
    $("#spinnerButton").removeClass("displayNone");
    var valueSectionPopup = $("#category_id_popup_menu_item").val();
    var valueCategory = $("#category_id_popup").val();
    var optionalValue = $("#value_popup").val();

    if (optionalValue) {
        value = optionalValue;
    } else {
        value = valueCategory ? valueCategory : valueSectionPopup;
    }

    var imgValidate = document.getElementById("imagePopup");
    imgValidate = imgValidate.files[0];
    if (imgValidate) {
        var info = {
            name: $("#name_popup").val(),
            type_action_id: $("#type_action_id_popup").val(),
            category_id: $("#category_id_popup").val(),
            value: value,
            description: $("#description_popup").val(),
            target:
                $("#target_popup").val().includes("category-") ? $("#business_category_popup").val() : $("#target_popup").val(),
            generalMultiselect: $(
                " select[name='generalMultiselectPopup']"
            ).val(),
            start_date: $("#start_date_popup").val(),
            end_date: $("#end_date_popup").val(),
            frequency: $("#frequency").val(),
            text_button_ok: $("#text_button_ok").val(),
        };

        swal(Lang.get("messagesClient.advertisingPopups.tag_1"), {
            buttons: {
                cancel: "No",
                Ok: true,
            },
        }).then((val) => {
            if (val == "Ok") {
                $.ajax({
                    url: "/app_customization/popup/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 = r.data;
                            var img = document.getElementById("imagePopup");
                            var img = img.files[0];
                            if (img != null) {
                                saveImagePopup(id);
                            } else {
                                swal(r.m, {
                                    icon: "success",
                                    buttons: {
                                        Ok: true,
                                    },
                                }).then((val) => {
                                    if (val == "Ok") {
                                        $(location).attr(
                                            "href",
                                            "/app_customization/advertising_app"
                                        );
                                    }
                                });
                            }
                        } else {
                            swal("Error", r.m, "error");
                            $("#buttonCreatePopup").removeClass("displayNone");
                            $("#spinnerButton").addClass("displayNone");
                        }
                    },
                    error: function (e) {
                        swal("Error", "¡Hubo un Error al crear!", "error");
                        $("#buttonCreatePopup").removeClass("displayNone");
                        $("#spinnerButton").addClass("displayNone");
                    },
                });
            } else {
                $("#buttonCreatePopup").removeClass("displayNone");
                $("#spinnerButton").addClass("displayNone");
            }
        });
    } else {
        swal("Mensaje", "Debes subir una imagen del popus", "warning");
        $("#buttonCreatePopup").removeClass("displayNone");
        $("#spinnerButton").addClass("displayNone");
    }
}

function editPopup() {
    var value;

    // validar fecha popups
    var startDatePopup = $("#CheckactivePopups").is(":checked")
        ? $("#start_date_popup").val()
        : null;
    var endDatePopup = $("#CheckactivePopups").is(":checked")
        ? $("#end_date_popup").val()
        : null;
    if (startDatePopup && endDatePopup) {
        var d1 = Date.parse(startDatePopup);
        var d2 = Date.parse(endDatePopup);
        if (d1 > d2) {
            swal(
                "Error",
                "Por favor, la fecha Desde no debe estar posterior a la fecha Hasta",
                "error"
            ).then((val) => {
                startDatePopup.focus();
            });
            return false;
        }
    } else if (!startDatePopup && endDatePopup) {
        swal(
            "Error",
            "Por favor, ingresa dato en campo fecha Desde",
            "error"
        ).then((val) => {
            startDatePopup.focus();
        });
        return false;
    } else if (startDatePopup && !endDatePopup) {
        swal(
            "Error",
            "Por favor, ingresa dato en campo fecha Hasta",
            "error"
        ).then((val) => {
            endDatePopup.focus();
        });
        return false;
    }

    $("#buttonEditPopup").addClass("displayNone");
    $("#spinnerButton").removeClass("displayNone");
    var valueSectionPopup = $("#category_id_popup_menu_item").val();
    var valueCategory = $("#category_id_popup").val();
    var optionalValue = $("#value_popup").val();
    if (optionalValue) {
        value = optionalValue;
    } else {
        value = valueCategory ? valueCategory : valueSectionPopup;
    }

    var info = {
        id: $("#popupId").val(),
        name: $("#name_popup").val(),
        type_action_id: $("#type_action_id_popup").val(),
        category_id: $("#category_id_popup").val(),
        value: value,
        description: $("#description_popup").val(),
        target: $("#target_popup").val().includes("category-") ? $("#business_category_popup").val() : $("#target_popup").val(),
        generalMultiselect: $(" select[name='generalMultiselectPopup']").val(),
        start_date: startDatePopup,
        end_date: endDatePopup,
        frequency: $("#frequency").val(),
        text_button_ok: $("#text_button_ok").val(),
    };

    swal(Lang.get("messagesClient.advertisingPopups.tag_2"), {
        buttons: {
            cancel: "No",
            Ok: true,
        },
    }).then((val) => {
        if (val == "Ok") {
            $.ajax({
                url: "/app_customization/popup/update",
                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 = r.data;
                        var img = document.getElementById("imagePopup");
                        var img = img.files[0];
                        if (img != null) {
                            saveImagePopup(id);
                        } else {
                            swal(r.m, {
                                icon: "success",
                                buttons: {
                                    Ok: true,
                                },
                            }).then((val) => {
                                if (val == "Ok") {
                                    $(location).attr(
                                        "href",
                                        "/app_customization/advertising_app"
                                    );
                                }
                            });
                        }
                    } else {
                        swal("Error", r.m, "error");
                        $("#buttonEditPopup").removeClass("displayNone");
                        $("#spinnerButton").addClass("displayNone");
                    }
                },
                error: function (e) {
                    swal("Error", "¡Hubo un Error al actualizar!", "error");
                    $("#buttonEditPopup").removeClass("displayNone");
                    $("#spinnerButton").addClass("displayNone");
                },
            });
        } else {
            $("#buttonEditPopup").removeClass("displayNone");
            $("#spinnerButton").addClass("displayNone");
        }
    });
}

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

            $.ajax({
                url: "/app_customization/banner/delete/" + 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",
                                    "/app_customization/advertising_app"
                                );
                            }
                        });
                    } else {
                        swal("Error", r.m, "error");
                    }
                },
                error: function (e) {
                    swal(
                        "Error",
                        Lang.get(
                            "messagesClient.advertisingBanner.error_delete"
                        ),
                        "error"
                    );
                },
            });
        }
    });
}

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

            $.ajax({
                url: "/app_customization/popup/delete/" + 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",
                                    "/app_customization/advertising_app"
                                );
                            }
                        });
                    } else {
                        swal("Error", r.m, "error");
                    }
                },
                error: function (e) {
                    swal(
                        "Error",
                        Lang.get(
                            "messagesClient.advertisingPopups.error_delete"
                        ),
                        "error"
                    );
                },
            });
        }
    });
}

function manageFrecuencyContainer(frequency) {
    if (frequency > 1) {
        $("#container_frequency_popup").removeClass("hide");
        $("#frequency_selector_container").removeClass("col-md-12");
        $("#frequency_selector_container").addClass("col-md-6");
    } else {
        $("#container_frequency_popup").addClass("hide");
        $("#frequency_selector_container").removeClass("col-md-6");
        $("#frequency_selector_container").addClass("col-md-12");
    }
}

function manageActionContainer(typeAction, isBusinessDirectory = false) {
    $("#container_category_popup").addClass("hide");
    $("#container_category_popup_menu").addClass("hide");
    $("#container_value_popup").addClass("hide");
    $("#container_app_section").addClass("hide");

    if ((isBusinessDirectory == "business-directory" && typeAction == 3) || (isBusinessDirectory.includes("category-") && typeAction == 3)) {
        $("#action_selector_container").removeClass("col-md-12");
        $("#action_selector_container").addClass("col-md-6");
        $("#container_category_popup").addClass("hide");
        $("#container_category_popup_menu").removeClass("hide");
        $("#container_value_popup").addClass("hide");
    } else {
        if (typeAction > 0) {
            $("#action_selector_container").removeClass("col-md-12");
            $("#action_selector_container").addClass("col-md-6");

            if (typeAction > 1) {
                switch (parseInt(typeAction)) {
                    case 2:
                        $("#container_value_popup").removeClass("hide");
                        break;
                    case 3:
                        $("#container_app_section").removeClass("hide");
                        break;
                }
            } else {
                $("#container_category_popup").removeClass("hide");
                $("#container_value_popup").addClass("hide");
                $("#container_category_popup_menu").addClass("hide");
            }
        } else {
            $("#action_selector_container").removeClass("col-md-6");
            $("#action_selector_container").addClass("col-md-12");
            $("#container_value_popup").addClass("hide");
            $("#container_category_popup").addClass("hide");
            $("#container_category_popup_menu").addClass("hide");
        }
    }
}

function manageActionContainerBanner(typeAction, isBusinessDirectory = false) {
    if ((isBusinessDirectory == "business-directory" && typeAction == 3) || (isBusinessDirectory.includes("category-") && typeAction == 3)) {
        if (typeAction == 3) {
            $("#container_business_directory").addClass("hide");
            $("#container_value").addClass("hide");
            $("#container_category_menu_item").removeClass("hide");
        }
    } else {
        if (typeAction == 0) {
            $("#container_category").addClass("hide");
            $("#container_value").addClass("hide");
            $("#container_category_menu_item").addClass("hide");
        } else if (typeAction == 1) {
            if ((isBusinessDirectory == "business-directory") || (isBusinessDirectory.includes("category-"))) {
                $("#container_category_menu_item").addClass("hide");
                $("#container_category").addClass("hide");
                $("#container_value").addClass("hide");
            } else {
                $("#container_category_menu_item").addClass("hide");
                $("#container_category").removeClass("hide");
                $("#container_value").addClass("hide");
            }

        } else if (typeAction == 2) {
            $("#container_category_menu_item").addClass("hide");
            $("#container_value").removeClass("hide");
            $("#container_category").addClass("hide");
        }
    }
}

function businessDirectoryListing(type_selected) {
    $("#business_directory_id").empty();
    $("#container_business_directory").removeClass("hide");
    $("#category_id_menu_item").val('');
    $("#business_directory_id").val('');
    $.ajax({
        type: "GET",
        headers: {
            "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
        },
        url: "/micro_trading_categories/list",
        data: null,
        success: function (response) {
            if (response.r) {
                $("#business_directory_id").prop("disabled", false);
                $("#business_directory_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) {
                        $("#business_directory_id")
                            .append(
                                '<option value="' +
                                response.data[i].id +
                                '" selected>' +
                                response.data[i].name +
                                "</option>"
                            )
                            .select("refresh");
                    } else {
                        $("#business_directory_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 sectionList(type_selected) {
    $("#category_id_menu_item").empty();
    $("#container_category_menu_item").removeClass("hide");
    $("#business_directory_id").val('');
    $("#category_id_menu_item").val('');
    $.ajax({
        type: "GET",
        headers: {
            "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
        },
        url: "/app_section/list",
        data: null,
        success: function (response) {
            if (response.r) {
                $("#category_id_menu_item").prop("disabled", false);
                $("#category_id_menu_item")
                    .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_menu_item")
                            .append(
                                '<option value="' +
                                response.data[i].path +
                                '" selected>' +
                                response.data[i].name +
                                "</option>"
                            )
                            .select("refresh");
                    } else {
                        $("#category_id_menu_item")
                            .append(
                                '<option value="' +
                                response.data[i].path +
                                '">' +
                                response.data[i].name +
                                "</option>"
                            )
                            .select("refresh");
                    }
                }
            }
        },
        error: function (textStatus, errorThrown) {
            swal(
                "Error",
                Lang.get("messagesClient.field_datasources.error_delete"),
                "error"
            );
        },
    });
}

function businessDirectoryListingPopup(type_selected) {
    $("#category_id_popup").empty();
    $("#category_id_popup_menu_item").val('');
    $("#category_id_popup").val('');
    $.ajax({
        type: "GET",
        headers: {
            "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
        },
        url: "/micro_trading_categories/list",
        data: null,
        success: function (response) {
            if (response.r) {
                $("#category_id_popup").prop("disabled", false);
                $("#category_id_popup")
                    .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_popup")
                            .append(
                                '<option value="' +
                                response.data[i].id +
                                '" selected>' +
                                response.data[i].name +
                                "</option>"
                            )
                            .select("refresh");
                    } else {
                        $("#category_id_popup")
                            .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 sectionListPopup(type_selected) {
    $("#category_id_popup_menu_item").empty();
    $("#category_id_popup").val('');
    $("#category_id_popup_menu_item").val('');
    $.ajax({
        type: "GET",
        headers: {
            "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
        },
        url: "/app_section/list",
        data: null,
        success: function (response) {
            if (response.r) {
                $("#category_id_popup_menu_item").prop("disabled", false);
                $("#category_id_popup_menu_item")
                    .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_popup_menu_item")
                            .append(
                                '<option value="' +
                                response.data[i].path +
                                '" selected>' +
                                response.data[i].name +
                                "</option>"
                            )
                            .select("refresh");
                    } else {
                        $("#category_id_popup_menu_item")
                            .append(
                                '<option value="' +
                                response.data[i].path +
                                '">' +
                                response.data[i].name +
                                "</option>"
                            )
                            .select("refresh");
                    }
                }
            }
        },
        error: function (textStatus, errorThrown) {
            swal("Error", Lang.get("messagesClient.field_datasources.error_delete"), "error");
        },
    });
}

function hideBannerName() {
    var value = $("#bannerId").val();
    var state;
    if ($("#checkactivo_name_banner").is(":checked")) {
        state = 1;
    } else {
        state = 0;
    }

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

    $.ajax({
        url: "/enable_name_banner",
        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", "Error al cambiar estado", "error");
        },
    });
}

function hidePopupName() {
    var value = $("#popupId").val();
    var state;
    if ($("#checkactivo_name_popup").is(":checked")) {
        state = 1;
    } else {
        state = 0;
    }

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

    $.ajax({
        url: "/enable_name_popup",
        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", "Error al cambiar estado", "error");
        },
    });
}

function changeAppSection(pathSection) {
    if (pathSection && pathSection == 'none') {
        $("#container_value_popup").removeClass("hide");
    } else {
        $("#value_popup").val(pathSection);
        $("#container_value_popup").addClass("hide");
    }
}