function saveImage(id) {
    console.log("llamando imagen");
    var fImage = document.getElementById("subscribers_image");
    var fImageTickets = document.getElementById("ticket_image");

    fImage = fImage.files[0];
    fImageTickets = fImageTickets.files[0];

    if (fImage || fImageTickets) {
        var formData = new FormData();
        formData.append("id", id);
        if (fImage) {
            formData.append("subscribers_image", fImage);
        }
        if (fImageTickets) {
            formData.append("ticket_image", fImageTickets);
        }

        $.ajax({
            type: "POST",
            dataType: "json",
            processData: false,
            contentType: false,
            headers: {
                "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
            },
            data: formData,
            url: "/payment_completion_message/saveImage",
            success: function (r) {
                if (r.r) {
                    swal(r.m, {
                        icon: "success",
                        buttons: {
                            Ok: true,
                        },
                    }).then((val) => {
                        if (val == "Ok") {
                            $(location).attr("href", "/payment_completion_message/list");
                        }
                    });
                } else {
                    swal("Ok", "¡Error al cargar imagen!", "error");
                    $("#btn-create-category").prop("disabled", false);
                }
            },
            error: function (e) {
                swal("Ok", "¡Error al cargar imagen!", "error");
                $("#btn-create-category").prop("disabled", 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 selected_message = $('#type_messages').val();

                if(selected_message == 1){

                    var info = {
                        type_messages: $('#type_messages').val(),
                        title_email: $(" #form_create input[name='title_email']").val(),
                        confirmation_text: $(" #form_create input[name='confirmation_text']").val(),
                        text_logo: $(" #form_create input[name='text_logo']").val(),
                        greeting_message: $(" #form_create input[name='greeting_message']").val(),
                        text_1: $(" #form_create input[name='text_1']").val(),
                        text_2: $(" #form_create input[name='text_2']").val(),
                        text_3: $(" #form_create input[name='text_3']").val(),
                        footer_text: $(" #form_create input[name='footer_text']").val(),
                       
                    };

                } else if(selected_message == 2) {

                    var info = {
                        type_messages: $('#type_messages').val(),
                        title_email: $(" #form_create input[name='ticket_title_email']").val(),
                        text_logo: $(" #form_create input[name='ticket_text_logo']").val(),
                        text_1: $(" #form_create input[name='ticket_text_1']").val(),
                        text_2: $(" #form_create input[name='ticket_text_2']").val(),
                        text_3: $(" #form_create input[name='ticket_text_3']").val(),
                        text_link: $(" #form_create input[name='text_link']").val(),
    
                    };

                }

                swal(Lang.get("messagesClient.payment_messages.tag_1"), {
                    buttons: {
                        cancel: "No",
                        Ok: true,
                    },
                }).then((val) => {
                    if (val == "Ok") {
                        $.ajax({
                            url: "/payment_completion_message/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) {
                                    console.log(r.d["id"]);
                                    var id = r.d["id"];
                                    var img_subscribers = document.getElementById("subscribers_image");
                                    var img_ticket = document.getElementById("ticket_image");

                                    var img_subscribers = img_subscribers.files[0];
                                    var img_ticket = img_ticket.files[0];

                                    console.log(img_subscribers);
                                    if (img_subscribers != null || img_ticket != null) {
                                        saveImage(id);
                                    } else {
                                        swal(r.m, {
                                            icon: "success",
                                            buttons: {
                                                Ok: true,
                                            },
                                        }).then((val) => {
                                            if (val == "Ok") {
                                                $(location).attr(
                                                    "href",
                                                    "/payment_completion_message/list"
                                                );
                                            }
                                        });
                                    }
                                } 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");
                    }
                });
            }
        });
}