let giden_veri;
let settings = [];
let files = [[]];

$(".chosen").chosen({search_contains: true}).next().find(".chosen-single").css({
    'height': '35px',
    'background': '#fff',
    'border': '1px solid #ced4da',
    'border-radius': '4px',
    'box-shadow': 'none',
    'width': '100%'
});

$(".chosen").chosen({search_contains: true}).next().find(".chosen-choices").css({
    'height': '35px',
    'background': '#fff',
    'border': '1px solid #ced4da',
    'border-radius': '4px',
    'box-shadow': 'none',
    'width': '100%'
});
$(".chosen").chosen({search_contains: true}).next().find(".chosen-choices").find("li").css({
    'height': '35px', 'line-height': '35px', 'width': '100%'
});
$(".chosen").chosen({search_contains: true}).next().find(".chosen-single").find("span").css({
    'line-height': '35px', 'width': '100%'
});


function basla() {
    $('html, body').animate({
        scrollTop: $(".soru:first").offset().top
    }, 500)
}

function cevap_ekle(item) {

    item.find(".cevaplar_div").find("#cevap_silme_div").show();
    let kopya = item.find(".cevaplar_div").find(".template").clone().removeClass("template").addClass("no").show().appendTo(item.find(".cevaplar_div"));
    let i = 1;
    item.find(".no").each(function () {
        $(this).find("#cevap_numarasi_icin").attr("data-cevapnumarasi", i);
        i++;
    });
    i = 0;
    $('html, body').animate({
        scrollTop: item.find(".cevap_div:last").offset().top - 250
    }, 500);
    apply_input_mask();
}

//function cevap_sil($item) {
//    store_localstorage($item.parent().parent(), $item.parent().parent().parent().attr("data-userrnd"), true, $item);
//}
$('.para').inputmask("decimal", {radixPoint: ",", digits: 2, autoGroup: true, groupSeparator: ".", groupSize: 3});

window.submit = function () {

    var kontrolEt = function () {
        let mulakat_hash = $("#baslik").attr("data-msid");
        let error = false;
        let soru_sirasi = 1;
        let hatali_sorular = {};
        $(".mulakat-modal").find(".error_icon").empty();
        $(".mulakat-modal").find(".modal_buttonlar").hide();
        let sayac = 0;
        let sayac_foto = 0;
        let son_soru_id;
        giden_veri = $(".sorular").find(".soru").map(function () {
            let x = 0;
            let cevap = {};
            cevap["soru_id"] = $(this).attr("data-soruid");
            let soru_id = $(this).attr("data-soruid");
            son_soru_id = soru_id;
            let soru_numarasi = $(this).find(".soru_numarasi").val();
            let soru_metni = $(this).find(".soru_baslik").val();

            cevap["cevap"] = $(this).find(".cevaplar_div").find(".no").map(function () {

                let data = {};
                if ($(this).find("#cevap_numarasi_icin").attr("data-cevapnumarasi") != null) {
                    data["cevap_numarasi"] = $(this).find("#cevap_numarasi_icin").attr("data-cevapnumarasi");
                } else
                    data["cevap_numarasi"] = 0;
                let dosya_numarasi = 0;

                data["cevaplar"] = $(this).find("[data-id='cevap']").map(function () {
                    let data2 = {};
                    if ($(this).find("#cevap_numarasi_icin").attr("data-cevapnumarasi") != null) {
                        data["cevap_numarasi"] = $(this).find("#cevap_numarasi_icin").attr("data-cevapnumarasi");
                    } else
                        data["cevap_numarasi"] = 0;
                    data2["soru_id"] = $(this).attr("data-altsoruid");
                    data2["cevap_metni"] = $(this).val();


                    if ($(this).hasClass("custom-file-input")) { // if this input for upload file
                        if (data2["cevap_metni"] !== "") {
                            files[sayac_foto] = $(this).prop("files")[0];
                            files[sayac_foto]["soru_id"] = $(this).attr("data-soruid");
                            files[sayac_foto]["alt_soru_id"] = $(this).attr("data-altsoruid");
                            files[sayac_foto]["cevap_numarasi"] = data["cevap_numarasi"];
                            files[sayac_foto]["foto_numarasi"] = dosya_numarasi;
                            data2["dosya"] = $(this).attr("data-soruid") + "_" + $(this).attr("data-altsoruid") + "_" + data["cevap_numarasi"] + "_" + dosya_numarasi;
                            dosya_numarasi++;
                            sayac_foto++
                        }
                    }
                    let multiple = $(this).attr("data-multiple");
                    let data_alt_soru_id = $(this).attr("data-altsoruid");

                    let zorunlumu = $(this).attr("data-zorunlusoru");
                    let girilen_cevap = $(this).val();
                    data2["multiple"] = multiple;

                    if ($("#aciklama_icin_" + data_alt_soru_id).val() != null) {
                        data2["aciklama_cevap"] = $("#aciklama_icin_" + data_alt_soru_id).val();
                    }

                    if ((["", " ", "Seç", "  "]).includes(girilen_cevap) && zorunlumu === "true" && x === 0) {
                        error = true;
                        $(".mulakat-modal").find("#popub_mesaj_id").find(".mesaj_metni_div").append("<p>" + soru_sirasi + "'inci Bölümde Girilmemiş Zorunlu Alanlar Var</p>");
                        x = 1;
                        hatali_sorular[sayac++] = soru_id;
                    }
                    return data2;
                }).get();
                return data;

            }).get();


            soru_sirasi++;
            return cevap;
        }).get();

        settings[0] = mulakat_hash;
        settings[3] = $("#on_izleme").attr("data-onizleme");


        let onay = $("#sozlesme_onayi").is(":checked");
        if (onay === false) {
            error = true;
            $(".mulakat-modal").find("#popub_mesaj_id").find(".mesaj_metni_div").append("<p>\"paylaştığım tüm bilgilerin doğru olduğunu kabul ve taahhüt ederim.\" kutusunu işaretleyiniz</p>");
            hatali_sorular[sayac++] = son_soru_id;
        }

        if (!error) {
            modal("kontrol");
        } else {
            modal("hata", "", hatali_sorular[0]);
        }
    }

    kontrolEt();
}

function kullaniciDogrula(token) {

    $("#dogrulabtn").prop("disabled", true);
    // add spinner to button
    $("#dogrulabtn").html(
        `<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Doğrulanıyor ...`
    );
    let email = $("#email_adres").val();
    let telefon_no = $("#telefon_no").val();
    let mulakat_hash = $("#baslik").attr("data-msid");


    var isEmail = function (email) {
        var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
        return regex.test(email);
    };

    if (isEmail(email) === false) {
        $("#dogrulabtn").prop("disabled", false);
        $("#dogrulabtn").html('<i class="fas fa-search"></i> Doğrula');
        modal("msj_hata", "Lütfen geçerli bir e-posta adresi giriniz.", "");
        return false;
    }

    let test_tel = telefon_no.replace(/\D/g, '');
    if (test_tel.length != 10) {
        $("#dogrulabtn").prop("disabled", false);
        $("#dogrulabtn").html('<i class="fas fa-search"></i> Doğrula');
        modal("msj_hata", "Lütfen geçerli bir cep telefonu giriniz.", "");
        return false;
    }


    let giden_veri = {};
    giden_veri["turu"] = 2;

    giden_veri["email"] = email;
    giden_veri["telefon_no"] = telefon_no;
    giden_veri["mulakat_hash"] = mulakat_hash;
    giden_veri["token"] = token;
    $.ajax({
        url: '/inc/ajax.php',
        dataType: 'json',
        type: 'POST',
        data: giden_veri,
        success: function (data) {
            if (data["durum"] === "tamam")
                location.href = data["url"];
            else {
                modal("msj_hata", data["msj"]);
                $("#dogrulabtn").prop("disabled", false);
                $("#dogrulabtn").html('<i class="fas fa-search"></i> Doğrula');
            }
        },
        error: function (data) {
            $("#dogrulabtn").prop("disabled", false);
            $("#dogrulabtn").html('<i class="fas fa-search"></i> Doğrula');
            modal("sunucuHatasi");
        }
    });
}

function sunucuyaGonder(token) {

    settings[4] = token;

    var form_data = new FormData(); // Creating object of FormData class

    var json_settings = JSON.stringify(settings);
    form_data.append("settings", json_settings);

    var json_arr = JSON.stringify(giden_veri);

    form_data.append("veri", json_arr);
    for (var x = 0; x < files.length; x++) {
        form_data.append(files[x]["soru_id"] + "_" + files[x]["alt_soru_id"] + "_" + files[x]["cevap_numarasi"] + "_" + files[x]["foto_numarasi"], files [x]);
    }
    form_data.append("turu", "1");

    $.ajax({
        xhr: function () {
            var xhr = new window.XMLHttpRequest();
            xhr.upload.addEventListener("progress", function (evt) {
                if (evt.lengthComputable) {
                    var percentComplete = evt.loaded / evt.total;
                    percentComplete = parseInt(percentComplete * 100);
                    $(".mulakat-modal").find("#popub_mesaj_id").find(".mesaj_metni_div").empty().prepend("<p  style='padding-bottom: 21px; font-size: 25px'> <label style='font-size: 30px; font-weight: bold'>(" + percentComplete + "%)</label> Yükleniyor.. Lütfen bekleyiniz.   </p>");
                }
            }, false);
            return xhr;
        },
        url: '/inc/ajax.php',
        dataType: 'json',
        type: 'POST',
        data: form_data,
        processData: false, // important
        contentType: false, // important
        beforeSend: function () {
            // setting a timeout
            $(".mulakat-modal").find(".error_icon").empty();
            // $(".mulakat-modal").find(".error_icon").append("<i id='loading' class=\"fas fa-spinner\"></i>");
            $(".mulakat-modal").find(".error_icon").append("<div class=\"sk-chase\">\n" +
                "  <div class=\"sk-chase-dot\"></div>\n" +
                "  <div class=\"sk-chase-dot\"></div>\n" +
                "  <div class=\"sk-chase-dot\"></div>\n" +
                "  <div class=\"sk-chase-dot\"></div>\n" +
                "  <div class=\"sk-chase-dot\"></div>\n" +
                "  <div class=\"sk-chase-dot\"></div>\n" +
                "</div>");
            $(".mulakat-modal").find("#popub_mesaj_id").find(".mesaj_metni_div").empty().prepend("<p class='modal_masej'> Yükleniyor.. Lütfen bekleyiniz.</p>");
            $(".mulakat-modal").find(".modal_buttonlar").hide();
            $(".mulakat-modal").css({"display": "block", "background-color": "rgba(49, 45, 97, 0.45)"});
            $(".kapat_button").hide();

        },

        success: function (data) {
            let durum = (data);
            if (durum == true) {
                modal("islemTamam")
                setTimeout(function () {
                    location.href = window.location.href + "?true";
                }, 2200);
                localStorage.clear();
            } else {
                modal("hataServer", durum["hata"], durum["soru_id"]);
            }
            $(".kapat_button").show();

        },

        error: function (data) {
            modal("sunucuHatasi");
        }
    });
}

function foto_sec($item) {
    let size = $item.prop("files")[0].size / 1024 / 1024;
    if (size > 25) {
        $(".mulakat-modal").find(".error_icon").empty();
        $(".mulakat-modal").find("#popub_mesaj_id").find(".mesaj_metni_div").empty().append("<p>dosya boyutu en çok 25 MB olabilir </p>");
        $(".mulakat-modal").find(".error_icon").append("<i class='fas fa-exclamation-triangle'></i>");
        $(".mulakat-modal").find(".error_icon").css("color", "rgba(225, 23, 12, 0.6)");
        $(".mulakat-modal").css({"display": "block", "background-color": "rgba(51, 24, 23, 0.69)"});
        $(".mulakat-modal").css("display", "block");
        return false;
    }
    var fileName = $item.val().split("\\").pop();
    $item.siblings(".custom-file-label").addClass("selected").html(fileName);
}

function collapse(x) {
    let i = 0;
    $(".cevap_div").each(function () {
        i++;
        $(this).attr("id", "cevap" + i + "_div");
    });
    if (!$(x).parent().parent().hasClass('card soru_pattern')) {
        $(x).parent().parent().toggleClass("card soru_pattern");
        $(x).parent().parent().find(".collapse").collapse("toggle");
        $(x).parent().parent().parent().find(".silme_butonu").toggleClass("silme_butonu_pro");
    }
    $('html, body').animate({
        scrollTop: $(x).parent().parent().find("#alt_sorular").offset().top - 250
    }, 500)
}

function modal(durum, msj = "", id = "") {
    let modal = $(".mulakat-modal");
    switch (durum) {
        case "kontrol":
            modal.find(".error_icon").append("<i class='fas fa-question'></i>");
            modal.find(".error_icon").css("color", "rgba(49, 45, 97, 0.85)");
            modal.find("#popub_mesaj_id").find(".mesaj_metni_div").prepend("<b style='padding-bottom: 21px;'> Form gönderilecek, emin misiniz? </b>");
            modal.find(".modal_buttonlar").show();
            modal.css({"display": "block", "background-color": "rgba(14, 14, 31, 0.69)"});
            //$(".mulakat-modal").find("#tamamla").attr("onclick", "sunucuyaGonder()");
            break;
        case "hata":
            modal.find(".error_icon").append("<i class='fas fa-exclamation-triangle'></i>");
            modal.find(".error_icon").css("color", "rgba(225, 23, 12, 0.6)");
            modal.css({"display": "block", "background-color": "rgba(51, 24, 23, 0.69)"});
            modal.css("display", "block");
            $('html, body').animate({
                scrollTop: $("div[data-soruid=" + id + "]").offset().top - 250
            }, 700);
            break;
        case "islemTamam":
            modal.find(".error_icon").empty();
            modal.find("#popub_mesaj_id").find(".mesaj_metni_div").empty().prepend("<p  style='padding-bottom: 21px; font-size: 25px'> Kaydınız Başarıyla Alınmıştır</p>");
            modal.find(".modal_buttonlar").hide();
            modal.find(".error_icon").append("<i class=\"fas fa-check\"></i>");
            modal.find(".error_icon").css("color", "rgba(36, 74, 15, 0.51)");
            modal.css({"display": "block", "background-color": "rgba(61, 158, 12, 0.20)"});
            break;
        case "hataServer":
            modal.find(".error_icon").empty();
            modal.find(".modal_buttonlar").show();
            modal.find("#popub_mesaj_id").find(".mesaj_metni_div").empty().append("<p>" + msj + " </p>");
            modal.find(".error_icon").append("<i class='fas fa-exclamation-triangle'></i>");
            modal.find(".error_icon").css("color", "rgba(225, 23, 12, 0.6)");
            modal.css({"display": "block", "background-color": "rgba(51, 24, 23, 0.69)"});
            modal.css("display", "block");
            $(".kapat_button").show();
            $('html, body').animate({
                scrollTop: $("div[data-soruid=" + id + "]").offset().top - 90
            }, 700);
            break;
        case "sunucuHatasi" :
            modal.find(".error_icon").empty();
            modal.find(".modal_buttonlar").hide();
            modal.find("#popub_mesaj_id").find(".mesaj_metni_div").empty().append("<b> İşlem Başarsız - Sunucuya Gönderirken Bir Hata Oluştu </b>");
            modal.find(".error_icon").append("<i class='fas fa-exclamation-triangle'></i>");
            modal.find(".error_icon").css("color", "rgba(225, 23, 12, 0.6)");
            modal.css({"display": "block", "background-color": "rgba(51, 24, 23, 0.69)"});
            modal.css("display", "block");
            $(".kapat_button").show();
            break;
        case "msj_hata" :
            modal.find(".error_icon").empty();
            modal.find(".modal_buttonlar").hide();
            modal.find("#popub_mesaj_id").find(".mesaj_metni_div").empty().append("<b> " + msj + " </b>");
            modal.find(".error_icon").append("<i class='fas fa-exclamation-triangle'></i>");
            modal.find(".error_icon").css("color", "rgba(225, 23, 12, 0.6)");
            modal.css({"display": "block", "background-color": "rgba(51, 24, 23, 0.69)"});
            modal.css("display", "block");
            $(".kapat_button").show();
            break;
    }
}

$(document).on("mousedown", ".cevap_div [onchange='collapse(this);']", function () {
    collapse(this);
});


function toggle_night_node() {

    $("body").toggleClass("night_mode");
    $(".soru").toggleClass("night_mode_soru");
    $(".baslik").toggleClass("night_mode_baslik");
    $(".card").toggleClass("night_mode_card");
    $("hr").toggleClass("night_mode_hr");
    // $("textarea").toggleClass("night_mode_textarea");
    $("#kapak_foto_div").toggleClass("kapak_foto_div");
    $("body").toggleClass("no_backgrounImage");
    $(".baslik").toggleClass("no_backgrounImage");
}


function count_character(x) {
    let len = x.val().length;
    x.parent().find("#text_length").html(2500 - len);
    if (2500 - len <= 0) {
        return false;
    } else {
        return true;
    }

}

function store_localstorage(soruElement, id, flag = false, $item = null) {
    if (flag === true)
        $item.remove();

    let soruTipi = soruElement.attr("data-sorutipi");

    let cevap = {};
    let temp = soruElement.find(".cevaplar_div");
    cevap["text"] = soruElement.find(".cevaplar_div").map(function () {
        let data = {};

        data["cevaplar"] = $(this).find(".no").map(function () {

            data["cevaplar"] = {};

            if ($(this).find("#cevap_numarasi_icin").attr("data-cevapnumarasi") != null) {
                data["cevaplar"]["cevap_numarasi"] = $(this).find("#cevap_numarasi_icin").attr("data-cevapnumarasi");
            } else
                data["cevaplar"]["cevap_numarasi"] = 0;


            data["cevaplar"]["cevap"] = $(this).find("[data-id='cevap']").map(function () {
                // data2["soru_id"] = $(this).attr("data-altsoruid");

                if (!$(this).hasClass("custom-file-input")) // if this input is not for file upload
                {
                    let data2 = {};
                    data2["cevap_metni"] = $(this).val();
                    data2["soru_id"] = $(this).attr("data-altsoruid");
                    return data2;
                }


            }).get();

            return data["cevaplar"];

        }).get();

        return data;

    }).get();

    cevap["k_id"] = id;
    localStorage.setItem(soruElement.attr("data-soruid"), JSON.stringify(cevap));


}

function check_localStorage() {
    var cevap_ekle_forlocalstorage = function (item) {

        // $("#template_cevap").find("#cevap_div").clone().addClass("cevap_div").attr("id", "").appendTo($item.find(".cevaplar_div")).find("#cevap").attr("placeholder", i + "'inci Cevabınızı buraya yazınız...");
        item.find(".cevaplar_div").find("#cevap_silme_div").show();
        let kopya = item.find(".cevaplar_div").find(".template").clone().removeClass("template").addClass("no").show().appendTo(item.find(".cevaplar_div"));

        let i = 1;
        item.find(".no").each(function () {
            $(this).find("#cevap_numarasi_icin").attr("data-cevapnumarasi", i);
            i++;
        });
        i = 0;

    }
    if (typeof (Storage) !== "undefined") {
        let k_id = $(".sorular").attr("data-userrnd");
        $(".soru").map(function () {
            let cevaplar = JSON.parse(localStorage.getItem($(this).attr("data-soruid")));
            if (cevaplar != null) {
                if (cevaplar["k_id"] == k_id) {

                    let x = 0;
                    $(this).find(".cevaplar_div").find(".no").map(function () {
                        let i = 0;
                        $(this).find("[data-id='cevap']").map(function () {
                            if (!$(this).hasClass("custom-file-input")) {
                                $(this).val(cevaplar["text"][x]["cevaplar"][0]["cevap"][i]["cevap_metni"]);
                                i++
                            }
                        });
                        x++;
                    });

                    for (let y = 1; y < cevaplar["text"][0]["cevaplar"].length; y++) {
                        cevap_ekle_forlocalstorage($(this));
                        $(this).find(".cevaplar_div").find(".no").find("[data-cevapnumarasi=" + (y + 1) + "]").map(function () {
                            let i = 0;
                            $(this).find("[data-id='cevap']").map(function () {
                                if (!$(this).hasClass("custom-file-input")) {
                                    $(this).val(cevaplar["text"][0]["cevaplar"][y]["cevap"][i]["cevap_metni"]);
                                    i++
                                }
                            });
                        });
                    }


                }
            }
        });
        apply_input_mask();
    } else {
        console.log("no localstorage");
    }
}

function apply_input_mask() {
    let yeni_mask_list = {};
    yeni_mask_list.tarih = '99/99/9999';
    yeni_mask_list.telefon = '(999) 999-9999';
    yeni_mask_list.rakam = 'numeric';
    yeni_mask_list.eposta = 'email';
    yeni_mask_list.iban = 'TR99-9999-9999-9999-9999-9999-99';
    $(document).find(".iban_numarasi").each(function (i, val) {
        $(val).inputmask(yeni_mask_list["iban"]);
    });
    $(document).find(".telefon").each(function (i, val) {
        $(val).inputmask(yeni_mask_list["telefon"]);
    });
    $(document).find(".email").each(function (i, val) {
        $(val).inputmask(yeni_mask_list["eposta"]);
    });
    $(document).find(".rakam").each(function (i, val) {
        $(val).inputmask(yeni_mask_list["rakam"]);
    });
    $(document).find(".tarih").each(function (i, val) {
        $(val).inputmask(yeni_mask_list["tarih"]);
    });

}
apply_input_mask();

//setTimeout(function () {
//    check_localStorage();
//}, 500)


//############################################################### KULLANİM DIŞI
function collapse2(x) {
    let i = 0;
    $(".cevap_div").each(function () {
        i++;
        $(this).attr("id", "cevap" + i + "_div");

    });
    $(x).toggleClass("card");
    $(x).find(".collapse").collapse("toggle");
    $('html, body').animate({
        scrollTop: $(x).find("#alt_sorular").offset().top - 250
    }, 350)
}
function foto_yukle($item) {

    let x;
    if ($item.parent().parent().parent().parent().parent().parent().parent().parent().attr("data-cevapnumarasi") != null) {
        x = $item.parent().parent().parent().parent().parent().parent().parent().parent().attr("data-cevapnumarasi");
    } else
        x = 1;
    $item.parent().parent().parent().parent().find('.fileupload').fileupload({
        autoUpload: true,
        formData: {
            alt_soru_id: $item.attr("data-altsoruid"),
            cevap_numarasi: x
        }
    });
}