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

            var name = document.getElementById("name").value;
            var field_datasource_id = document.getElementById(
                "field_datasource_id"
            ).value;
            var field_value_id = document.getElementById("field_value_id")
                .value;
            var field_input_id = document.getElementById("field_input_id")
                .value;
            var min = document.getElementById("min").value;
            var max = document.getElementById("max").value;
            var maxlength = document.getElementById("maxlength").value;
            var minlength = document.getElementById("minlength").value;
            var name_control = document.getElementById("name_control").value;
            var placeholder = document.getElementById("placeholder").value;
            var scale = document.getElementById("scale").value;
            var multiple = document.getElementById("multiple").value;
            var disabled = document.getElementById("disabled").value;
            var readonly = document.getElementById("readonly").value;
            var required = document.getElementById("required").value;
            var active = document.getElementById("active").value;

            if (!name || name == "") {
                swal(Lang.get("messagesClient.fields.tag_7"), {
                    icon: "error",
                });
                return;
            }

            if (!field_input_id || field_input_id == 0) {
                swal(Lang.get("messagesClient.fields.tag_8"), {
                    icon: "error",
                });
                return;
            }

            if (field_input_id == 1 && field_datasource_id == 0) {
                swal(Lang.get("messagesClient.fields.tag_9"), {
                    icon: "error",
                });
                return;
            }

            if (!name_control || name_control == "") {
                swal(Lang.get("messagesClient.fields.tag_10"), {
                    icon: "error",
                });
                return;
            }

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

            var info = {
                name,
                field_datasource_id:
                    field_datasource_id == 0 ? null : field_datasource_id,
                field_value_id: field_value_id == 0 ? null : field_value_id,
                field_input_id: field_input_id == 0 ? null : field_input_id,
                min,
                max,
                maxlength,
                minlength,
                name_control,
                placeholder,
                scale,
                multiple,
                disabled,
                readonly,
                required,
                active,
            };
            swal(Lang.get("messagesClient.fields.tag_1"), {
                buttons: {
                    cancel: "No",
                    Ok: true,
                },
            }).then((val) => {
                if (val == "Ok") {
                    $.ajax({
                        url: "/fields",
                        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", "/fields");
                                    }
                                });
                            } 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", "/fields/" + value + "/edit");
}

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

                var name = document.getElementById("name").value;
                var field_datasource_id = document.getElementById(
                    "field_datasource_id"
                ).value;
                var field_value_id = document.getElementById("field_value_id")
                    .value;
                var field_input_id = document.getElementById("field_input_id")
                    .value;
                var min = document.getElementById("min").value;
                var max = document.getElementById("max").value;
                var maxlength = document.getElementById("maxlength").value;
                var minlength = document.getElementById("minlength").value;
                var name_control = document.getElementById("name_control")
                    .value;
                var placeholder = document.getElementById("placeholder").value;
                var scale = document.getElementById("scale").value;
                var multiple = document.getElementById("multiple").value;
                var disabled = document.getElementById("disabled").value;
                var readonly = document.getElementById("readonly").value;
                var required = document.getElementById("required").value;
                var active = document.getElementById("active").value;

                if (!name || name == "") {
                    swal(Lang.get("messagesClient.fields.tag_7"), {
                        icon: "error",
                    });
                    return;
                }

                if (!field_input_id || field_input_id == 0) {
                    swal(Lang.get("messagesClient.fields.tag_8"), {
                        icon: "error",
                    });
                    return;
                }

                if (field_input_id == 1 && field_datasource_id == 0) {
                    swal(Lang.get("messagesClient.fields.tag_9"), {
                        icon: "error",
                    });
                    return;
                }

                if (!name_control || name_control == "") {
                    swal(Lang.get("messagesClient.fields.tag_10"), {
                        icon: "error",
                    });
                    return;
                }

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

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

                var info = {
                    _method: $("input[name=_method]").val(),
                    name,
                    field_datasource_id:
                        field_datasource_id == 0 ? null : field_datasource_id,
                    field_value_id: field_value_id == 0 ? null : field_value_id,
                    field_input_id: field_input_id == 0 ? null : field_input_id,
                    min,
                    max,
                    maxlength,
                    minlength,
                    name_control,
                    placeholder,
                    scale,
                    multiple,
                    disabled,
                    readonly,
                    required,
                    active,
                };

                swal(Lang.get("messagesClient.fields.tag_2"), {
                    buttons: {
                        cancel: "No",
                        Ok: true,
                    },
                }).then((val) => {
                    if (val == "Ok") {
                        $.ajax({
                            url: "/fields/" + id,
                            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) {
                                    swal(r.m, {
                                        icon: "success",
                                        buttons: {
                                            Ok: true,
                                        },
                                    }).then((val) => {
                                        if (val == "Ok") {
                                            $(location).attr("href", "/fields");
                                        }
                                    });
                                } 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", "/fields");
}

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

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

    $.ajax({
        url: "/fields/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.fields.error_update_image"),
                "error"
            );
        },
    });
}

/**Método para eliminar banner*/
function clickDelete(value) {
    swal(Lang.get("messagesClient.fields.tag_6"), {
        buttons: {
            cancel: "No",
            Ok: true,
        },
    }).then((val) => {
        if (val == "Ok") {
            var info = {
                _method: "DELETE",
            };

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