/**
 * metodos para administrar players
 *
 */

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

jQuery(document).ready(function()
{
   jQuery('.campoNumber').keypress(function(tecla)
   {
      if(tecla.charCode < 48 || tecla.charCode > 57)
      {
         return false;
      }
   });
});

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

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

                var achievementsString = getMultiselectData('#achievements').toString();

                var info = {
                    image: $("#form_create input[name='image']").val(),
                    name: $("#form_create input[name='name']").val(),
                    number: $(" #form_create input[name='number']").val(),
                    age: $(" #form_create input[name='age']").val(),
                    // country: $(" #form_create input[name='country']").val(),
                    country_id: $(
                        " #form_create select[name='country_id']"
                    ).val(),
                    date_of_birth: $(
                        " #form_create input[name='date_of_birth']"
                    ).val(),
                    biography: $(" #form_create input[name='biography']").val(),
                    joined: $(" #form_create input[name='joined']").val(),
                    date_of_debut: $(
                        " #form_create input[name='date_of_debut']"
                    ).val(),
                    rival_team_debut: $(
                        " #form_create input[name='rival_team_debut']"
                    ).val(),
                    retirement: $(
                        " #form_create input[name='retirement']"
                    ).val(),

                    achievements: achievementsString,

                    // achievements: $(
                    //     " #form_create input[name='achievements']"
                    // ).val(),

                    height: $(" #form_create input[name='height']").val(),
                    honors: $(" #form_create input[name='honors']").val(),
                    equipment_categories_id: $(
                        " #form_create select[name='equipment_categories_id']"
                    ).val(),
                    position_id: $(
                        " #form_create select[name='position_id']"
                    ).val(),
                    instagram: $(" #form_create input[name='instagram']").val(),
                    inactive: $("#form_create input[name='inactive']").is(
                        ":checked"
                    )
                };

                swal(Lang.get("messagesClient.players.tag_1"), {
                    buttons: {
                        cancel: "No",
                        Ok: true
                    }
                }).then(val => {
                    if (val == "Ok") {
                        $.ajax({
                            url: "/players",
                            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];
                                    console.log(img);
                                    if (img != null || img != undefined) {
                                        saveImage(id);
                                    } else {
                                        swal(r.m, {
                                            icon: "success",
                                            buttons: {
                                                Ok: true
                                            }
                                        }).then(val => {
                                            if (val == "Ok") {
                                                $(location).attr(
                                                    "href",
                                                    "/players"
                                                );
                                            }
                                        });
                                    }
                                } 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 addRequiredCreate() {
    $("#image").attr("required", "true");
}

function clickEdit(value) {
    $(location).attr("href", "/players/" + value + "/edit");
}

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

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

               var achievementsString = getMultiselectData('#achievements').toString();

                var info = {
                    _method: $("input[name=_method]").val(),
                    image: $(" #form_edit input[name='image']").val(),
                    name: $(" #form_edit input[name='name']").val(),
                    number: $(" #form_edit input[name='number']").val(),
                    age: $(" #form_edit input[name='age']").val(),
                    // country: $(" #form_edit input[name='country']").val(),
                    country_id: $(
                        " #form_edit select[name='country_id']"
                    ).val(),
                    date_of_birth: $(
                        " #form_edit input[name='date_of_birth']"
                    ).val(),
                    biography: $(" #form_edit input[name='biography']").val(),
                    joined: $(" #form_edit input[name='joined']").val(),
                    date_of_debut: $(
                        " #form_edit input[name='date_of_debut']"
                    ).val(),
                    rival_team_debut: $(
                        " #form_edit input[name='rival_team_debut']"
                    ).val(),
                    retirement: $(" #form_edit input[name='retirement']").val(),

                    achievements: achievementsString,

                    // achievements: $(
                    //     " #form_edit input[name='achievements']"
                    // ).val(),
                    height: $(" #form_edit input[name='height']").val(),
                    honors: $(" #form_edit input[name='honors']").val(),
                    equipment_categories_id: $(
                        " #form_edit select[name='equipment_categories_id']"
                    ).val(),
                    position_id: $(
                        " #form_edit select[name='position_id']"
                    ).val(),
                    instagram: $(" #form_edit input[name='instagram']").val(),
                    inactive: $("#form_edit input[name='inactive']").is(
                        ":checked"
                    )
                };

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

                swal(Lang.get("messagesClient.players.tag_2"), {
                    buttons: {
                        cancel: "No",
                        Ok: true
                    }
                }).then(val => {
                    if (val == "Ok") {
                        $.ajax({
                            url: "/players/" + 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) {
                                    var img = document.getElementById("image");
                                    var img = img.files[0];
                                    if (img != null || img != undefined) {
                                        saveImage(id);
                                    } else {
                                        swal(r.m, {
                                            icon: "success",
                                            buttons: {
                                                Ok: true
                                            }
                                        }).then(val => {
                                            if (val == "Ok") {
                                                $(location).attr(
                                                    "href",
                                                    "/players"
                                                );
                                            }
                                        });
                                    }
                                } 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", "/players");
}

function chk(value) {
    var state;
    if ($("#Checkactive" + value).is(":checked")) {
        state = 1;
    } else {
        state = 0;
    }

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

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

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

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

function getMultiselectData(multiselect) {
    multiselectData = [];
    $(multiselect).select2('data').forEach(function (valor) {
        multiselectData.push(valor.id);
    });
    return multiselectData;
}