function createSymbolicTicket() {
    $("#createSymbolicTicket").validator("update");
    $("#createSymbolicTicket")
        .validator("update")
        .on("submit", function (e) {
            e.preventDefault();
            $("#btn-create-symbolic-ticket").prop("disabled", true);

            var name = $("#createSymbolicTicket input[name='name']").val();
            var image = $(
                "#createSymbolicTicket input[name='path_image']"
            ).val();
            var capacity = $(
                "#createSymbolicTicket input[name='capacity']"
            ).val();
            var start_date = $(
                "#createSymbolicTicket input[name='start_date']"
            ).val();
            var end_date = $(
                "#createSymbolicTicket input[name='end_date']"
            ).val();

            var match_event_id = $(
                "#createSymbolicTicket select[name='match_event_id']"
            ).val();

            var info = {
                name,
                image,
                capacity,
                start_date,
                end_date,
                match_event_id,
            };

            console.log(info);

            swal(Lang.get("messagesClient.symbolic_tickets.to_create"), {
                buttons: {
                    cancel: "No",
                    Ok: true,
                },
            }).then((val) => {
                if (val == "Ok") {
                    $.ajax({
                        url: "/symbolic_tickets/add",
                        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 image = document.getElementById(
                                    "path_image"
                                ).value;
                                var data = {
                                    id: r.d,
                                };
                                if (image != "") {
                                    saveImage(data);
                                } else {
                                    swal(r.m, {
                                        icon: "success",
                                        buttons: {
                                            Ok: true,
                                        },
                                    }).then((val) => {
                                        if (val == "Ok") {
                                            console.log("creado");
                                            $(location).attr(
                                                "href",
                                                "/symbolic_tickets"
                                            );
                                        }
                                    });
                                }
                            } else {
                                swal("Error", r.m, "warning");
                                $("#btn-create-symbolic-ticket").prop(
                                    "disabled",
                                    false
                                );
                            }
                        },
                        error: function (e) {
                            swal(
                                "Error",
                                Lang.get("messagesClient.sucursal_tag4"),
                                "error"
                            );
                            $("#btn-create-symbolic-ticket").prop(
                                "disabled",
                                false
                            );
                        },
                    });
                }
            });
        });
}

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

        $.ajax({
            type: "POST",
            dataType: "json",
            processData: false,
            contentType: false,
            headers: {
                "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
            },
            data: formData,
            url: "/symbolic_tickets/saveImage",
            success: function (r) {
                if (r.r) {
                    swal(r.m, {
                        icon: "success",
                        buttons: {
                            Ok: true,
                        },
                    }).then((val) => {
                        if (val == "Ok") {
                            $(location).attr("href", "/symbolic_tickets");
                        }
                    });
                } else {
                    swal(
                        "Ok",
                        Lang.get("messagesClient.product_tag1"),
                        "error"
                    );
                }
            },
        });
    } else {
        alert("No hay archivo.");
    }
}

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

function clickInfoSymbolicTicket(value) {
    _table = $("#example2").DataTable();
    index = _table.page();
    localStorage.setItem("symbolicTicketsTableIndex", index);
    $(location).attr("href", "/symbolic_tickets_user/" + value + "/info");
}

function chkSymbolicTicket(id) {
    var state = 0;

    if ($("#Checkactive" + id).is(":checked")) {
        state = 1;
    }

    var info = {
        id,
        state,
    };

    $.ajax({
        url: "/symbolic_tickets/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",
                    Lang.get("messagesClient.symbolic_tickets.update_state"),
                    "error"
                );
            }
        },
        error: function (e) {
            swal(
                "Error",
                Lang.get("messagesClient.symbolic_tickets.update_error"),
                "error"
            );
        },
    });
}

function clickSymbolicTicketPrices(_id) {
    _table = $("#example2").DataTable();
    index = _table.page();
    localStorage.setItem("symbolicTicketsTableIndex", index);
    $(location).attr("href", "/symbolic_tickets_price/" + _id + "/prices");
}

function editSymbolicTicket() {
    console.log("editar editSymbolicTicket");
    $("#editSymbolicTicket").validator("update");
    $("#editSymbolicTicket")
        .validator("update")
        .on("submit", function (e) {
            e.preventDefault();

            var id = $("#editSymbolicTicket input[name='id']").val();
            var name = $("#editSymbolicTicket input[name='name']").val();
            var capacity = $(
                "#editSymbolicTicket input[name='capacity']"
            ).val();
            var start_date = $(
                "#editSymbolicTicket input[name='start_date']"
            ).val();
            var end_date = $(
                "#editSymbolicTicket input[name='end_date']"
            ).val();

            var match_event_id = $(
                "#editSymbolicTicket select[name='match_event_id']"
            ).val();

            var info = {
                name,
                capacity,
                start_date,
                end_date,
                match_event_id,
            };
            console.log(info);

            swal(Lang.get("messagesClient.symbolic_tickets.to_update"), {
                buttons: {
                    cancel: "No",
                    Ok: true,
                },
            }).then((val) => {
                if (val == "Ok") {
                    $.ajax({
                        url: "/symbolic_tickets/" + 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) {
                            console.log(r);
                            if (r.r) {
                                var image = document.getElementById(
                                    "path_image"
                                ).value;
                                var data = {
                                    sucursal_id: info.id,
                                    sucursal_name: info.name,
                                };
                                if (image != "") {
                                    updateImage(data);
                                } else {
                                    swal(r.m, {
                                        icon: "success",
                                        buttons: {
                                            Ok: true,
                                        },
                                    }).then((val) => {
                                        if (val == "Ok") {
                                            localStorage.setItem(
                                                "setPageTable",
                                                true
                                            );
                                            $(location).attr(
                                                "href",
                                                "/symbolic_tickets"
                                            );
                                        }
                                    });
                                }
                            }
                        },
                        error: function (e) {
                            swal(
                                "Error",
                                Lang.get("messagesClient.sucursal_tag6"),
                                "error"
                            );
                            $("#btn-edit-sucursal").prop("disabled", false);
                        },
                    });
                }
            });
        });
}