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

                var ele = $("#external-events div.external-event");
                var list_manual = [];
                ele.each(function () {
                    list_manual.push($.trim($(this).text()));
                });

                if (!list_manual.length) {
                    swal(Lang.get("messagesClient.main_datasources.tag_4"));
                    return;
                }

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

                var info = {
                    list_manual,
                    name: $(" #form_create input[name='name']").val(),
                    active: $(" #form_create select[name='active']").val(),
                };
                swal(Lang.get("messagesClient.main_datasources.tag_1"), {
                    buttons: {
                        cancel: "No",
                        Ok: true,
                    },
                }).then((val) => {
                    if (val == "Ok") {
                        $.ajax({
                            url: "/main_datasources",
                            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",
                                                "/main_datasources"
                                            );
                                        }
                                    });
                                } else {
                                    swal("Error", r.m, "error");
                                    $("#btn-create").removeClass("displayNone");
                                    $("#spinnerButton").addClass("displayNone");
                                }
                            },
                            error: function (e) {
                                swal("Error", "¡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", "/main_datasources/" + value + "/edit");
}

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

                var ele = $("#external-events div.external-event");
                var list_manual = [];
                ele.each(function () {
                    list_manual.push($.trim($(this).text()));
                });

                if (!list_manual.length) {
                    swal(Lang.get("messagesClient.main_datasources.tag_4"));
                    return;
                }

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

                var info = {
                    _method: $("input[name=_method]").val(),
                    list_manual,
                    name: $(" #form_edit input[name='name']").val(),
                    active: $(" #form_edit select[name='active']").val(),
                };

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

                swal(Lang.get("messagesClient.main_datasources.tag_2"), {
                    buttons: {
                        cancel: "No",
                        Ok: true,
                    },
                }).then((val) => {
                    if (val == "Ok") {
                        $.ajax({
                            url: "/main_datasources/" + 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",
                                                "/main_datasources"
                                            );
                                        }
                                    });
                                } else {
                                    swal("Error", r.m, "error");
                                    $("#btn-edit").removeClass("displayNone");
                                    $("#spinnerButton").addClass("displayNone");
                                }
                            },
                            error: function (e) {
                                swal("Error", "¡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", "/main_datasources");
}

/**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: "/main_datasources/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.main_datasources.error_update_image"), "error");
        },
    });
}

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

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

function deleteItem(val) {
    var div = $("div").filter(":contains(" + val + ")");
    if (div.length) {
        div[13].remove();
    }
}

function addItem(val = false) {
    //Get value and make sure it is not null
    if (!val) {
        var val = $("#new-event").val();
    }
    if (val.length == 0) {
        return;
    }

    //Create events
    var event = $("<div />");
    event
        .css({
            "background-color": "#d9edf7",
            "border-color": "#d9edf7",
            color: "#000",
        })
        .addClass("external-event");
    event.html(
        val +
        '<i class="fa fa-trash trashItem" onclick="deleteItem(\'' +
        val +
        "')\"></i>"
    );
    $("#external-events").append(event);

    //Add draggable funtionality
    ini_events(event);

    //Remove event from text input
    $("#new-event").val("");
}

function ini_events(ele) {
    ele.each(function () {
        // create an Event Object (http://arshaw.com/fullcalendar/docs/event_data/Event_Object/)
        // it doesn't need to have a start or end
        var eventObject = {
            title: $.trim($(this).text()), // use the element's text as the event title
        };

        // store the Event Object in the DOM element so we can get to it later
        $(this).data("eventObject", eventObject);

        // make the event draggable using jQuery UI
        $(this).draggable({
            zIndex: 1070,
            revert: true, // will cause the event to go back to its
            revertDuration: 0, //  original position after the drag
        });
    });
}

ini_events($("#external-events div.external-event"));