let current_data = "";
let current_airing_data = "";
let code = "";
let div_visible = false;
let total_page = "";

const params = new Proxy(new URLSearchParams(window.location.search), {
    get: (searchParams, prop) => searchParams.get(prop),
});

// console.log('current_airing_data', current_airing_data);

const get_excel_list = () => {
    $.ajax({
        url: "/" + package_name + "/ajax/excel_list",
        type: "GET",
        cache: false,
        dataType: "json",
        success: (ret) => {
            if (ret.ret == "success" && ret.data != null) {
                current_airing_data = ret;
                total_page = ret.total_page;
                console.log(ret)
                if (current_airing_data !== "") {
                    make_airing_list(ret);
                    div_visible = true;
                    // console.log(div_visible)
                }
            } else {
                $.notify("<strong>분석 실패</strong><br>" + ret.log, {
                    type: "warning",
                });
            }
        },
    });

};


$(document).on("click", "button.code-button", function (e) {
    e.preventDefault();
    // console.log('click')
    // console.log('code to click:' + $(this).data("code"))
    document.getElementById("code").value = $(this).data("code");
    $("#code").val($(this).data("code"));
    $("#airing_list").toggle();
    code = document.getElementById("code").value;
    document.getElementById("analysis_btn").click();
});
$(".code-button").tooltip();


$("body").on("click", "#go_inflearn_btn", function (e) {
    e.preventDefault();
    window.open(inflearn_url, "_blank");
});

function make_airing_list(data) {
    let str = "";
    let tmp = "";

    tmp =
        '<div id="exModal" class="form-inline" role="dialog" aria-hidden="true">';
    tmp += "</div>";
    str += m_hr_black();
    // {#str += m_row_start(0);#}
    // {##}
    // {#str += m_row_end();#}
    // {#str += m_hr_black();#}
    str +=
        '<div id="inner_airing" class="d-flex align-content-between flex-wrapd-flex align-content-between flex-wrap">';
    for (i in data.episode) {
        // {#str += m_row_start();#}
        // {#tmp = '<div class="col-sm"><strong>' + data.episode[i].title+ '</strong>';#}
        //
        // {#tmp += '<br />'#}
        // {#tmp += '' + data.episode[i].code + '</div>';#}
        // {#str += m_col(12, tmp)#}
        tmp =
            '<div class="mx-1 mb-1"><button id="code_button" data-code="' +
            data.episode[i].code +
            '" type="button" class="btn btn-primary code-button bootstrap-tooltip" data-toggle="button" data-tooltip="true" aria-pressed="true" autocomplete="off" data-placement="top">' +
            '<span data-tooltip-text="' +
            data.episode[i].title +
            '">' +
            data.episode[i].code +
            "</span></button></div>";
        // {#if (i === 10) {#}
        // {#    tmp += '<div class="w-100"></div>'#}
        str += tmp;
    }
    str += "</div>";
    str += m_hr_black();

    document.getElementById("airing_list").innerHTML = str;
}

function make_program(data) {
    current_data = data;
    // console.log('current_data:: ', data)
    str = "";
    tmp = '<div class="form-inline w-100">';
    tmp += m_button("check_download_btn", "선택 다운로드 추가", []);
    tmp += m_button("all_check_on_btn", "전체 선택", []);
    tmp += m_button("all_check_off_btn", "전체 해제", []);
    tmp +=
        '&nbsp;&nbsp;&nbsp;<input id="new_title" name="new_title" class="form-control form-control-sm" value="' +
        data.title +
        '">';
    tmp += "</div>";
    tmp += '<div class="form-inline">';
    tmp += m_button("apply_new_title_btn", "저장폴더명 변경", []);
    // tmp +=
    //   '&nbsp;&nbsp;&nbsp;<input id="new_season" name="new_season" class="form-control form-control-sm" value="' +
    //   data.season +
    //   '">';
    // tmp += m_button("apply_new_season_btn", "시즌 변경 (숫자만 가능)", []);
    // tmp += m_button("search_tvdb_btn", "TVDB", []);
    tmp += m_button("add_whitelist", "스케쥴링 추가", []);
    tmp += "</div>";
    tmp = m_button_group(tmp);
    str += tmp;
    // program
    str += m_hr_black();
    str += m_row_start(0);
    tmp = "";
    if (data.poster_url != null)
        tmp = '<img src="' + data.poster_url + '" class="img-fluid">';
    str += m_col(3, tmp);
    tmp = "";
    tmp += m_row_start(0);
    tmp += m_col(3, "제목", "right");
    tmp += m_col(9, data.title);
    tmp += m_row_end();
    tmp += m_row_start(0);
    tmp += m_col(3, "시즌", "right");
    tmp += m_col(9, data.season);
    tmp += m_row_end();
    for (i in data.detail) {
        tmp += m_row_start(0);
        key = Object.keys(data.detail[i])[0];
        value = data.detail[i][key];
        tmp += m_col(3, key, "right");
        tmp += m_col(9, value);
        tmp += m_row_end();
    }

    str += m_col(9, tmp);
    str += m_row_end();

    str += m_hr_black();
    for (i in data.episode) {
        str += m_row_start();
        // tmp = '<img src="' + data.episode[i].image + '" class="img-fluid">'
        // str += m_col(3, tmp)
        tmp = "<strong>" + data.episode[i].title + "</strong>";
        tmp += "<br>";
        tmp += data.episode[i].filename + "<br><p></p>";

        tmp += '<div class="form-inline">';
        tmp +=
            '<input id="checkbox_' +
            data.episode[i].code +
            '" name="checkbox_' +
            data.episode[i].code +
            '" type="checkbox" checked data-toggle="toggle" data-on="선 택" data-off="-" data-onstyle="success" data-offstyle="danger" data-size="small">&nbsp;&nbsp;&nbsp;&nbsp;';
        // tmp += m_button('add_queue_btn', '다운로드 추가', [{'key': 'code', 'value': data.episode[i].code}])
        tmp += m_button("add_download", "다운로드 추가", [
            {key: "idx", value: i},
        ]);
        tmp += "</div>";
        str += m_col(12, tmp);
        str += m_row_end();
        if (i != data.length - 1) str += m_hr(0);
    }
    document.getElementById("episode_list").innerHTML = str;
    $('input[id^="checkbox_"]').bootstrapToggle();
}

$("body").on("click", "#all_check_on_btn", function (e) {
    e.preventDefault();
    $('input[id^="checkbox_"]').bootstrapToggle("on");
});

$("body").on("click", "#all_check_off_btn", function (e) {
    e.preventDefault();
    $('input[id^="checkbox_"]').bootstrapToggle("off");
});

$("body").on("click", "#search_tvdb_btn", function (e) {
    e.preventDefault();
    new_title = document.getElementById("new_title").value;
    url = "https://www.thetvdb.com/search?query=" + new_title;
    window.open(url, "_blank");
});

$("body").on("click", "#add_whitelist", function (e) {
    e.preventDefault();
    $.ajax({
        url: "/" + package_name + "/ajax/add_whitelist",
        type: "POST",
        cache: false,
        dataType: "json",
        success: function (ret) {
            if (ret.ret) {
                $.notify("<strong>추가하였습니다.</strong><br>", {
                    type: "success",
                });
                make_program(ret);
            } else {
                $.notify("<strong>추가 실패</strong><br>" + ret.log, {
                    type: "warning",
                });
            }
        },
    });
});

$("body").on("click", "#apply_new_title_btn", function (e) {
    e.preventDefault();
    new_title = document.getElementById("new_title").value;
    $.ajax({
        url: "/" + package_name + "/ajax/apply_new_title",
        type: "POST",
        cache: false,
        data: {new_title: new_title},
        dataType: "json",
        success: function (ret) {
            if (ret.ret) {
                $.notify("<strong>적용하였습니다.</strong><br>", {
                    type: "success",
                });
                // console.log(ret)
                make_program(ret);
            } else {
                $.notify("<strong>적용 실패</strong><br>" + ret.log, {
                    type: "warning",
                });
            }
        },
    });
});

$("body").on("click", "#apply_new_season_btn", function (e) {
    e.preventDefault();
    new_season = document.getElementById("new_season").value;
    if ($.isNumeric(new_season) == false) {
        $.notify("<strong>시즌은 숫자여야 합니다.</strong><br>" + ret.log, {
            type: "warning",
        });
    } else {
        $.ajax({
            url: "/" + package_name + "/ajax/apply_new_season",
            type: "POST",
            cache: false,
            data: {new_season: new_season},
            dataType: "json",
            success: function (ret) {
                if (ret.ret) {
                    $.notify("<strong>적용하였습니다.</strong><br>", {
                        type: "success",
                    });
                    make_program(ret);
                } else {
                    $.notify("<strong>적용 실패</strong><br>" + ret.log, {
                        type: "warning",
                    });
                }
            },
        });
    }
});

// 하나씩 다운로드 추가
$("body").on("click", "#add_download", function (e) {
    e.preventDefault();
    // code = $(this).data('code');
    code = current_data.episode[$(this).data("idx")].code;
    // console.log('code:: ', code)
    let data = current_data.episode[$(this).data("idx")];
    // console.log('data:: ', data)
    $.ajax({
        url: "/" + package_name + "/ajax/add_download",
        type: "POST",
        cache: false,
        data: {code: code, data: JSON.stringify(data)},
        dataType: "json",
        success: function (data) {
            // console.log('#add_queue_btn::data >>', data)
            if (data.ret === "enqueue_db_append") {
                $.notify("<strong>다운로드 작업을 추가 하였습니다.</strong>", {
                    type: "success",
                });
            } else if (data.ret === "enqueue_db_exist") {
                $.notify("<strong>DB에 존재하는 에피소드입니다.</strong>", {
                    type: "warning",
                });
            } else if (data.ret === "db_completed") {
                $.notify("<strong>DB에 완료 기록이 있습니다.</strong>", {
                    type: "warning",
                });
            } else if (data.ret === "fail") {
                $.notify("<strong>이미 큐에 있습니다. 삭제 후 추가하세요.</strong>", {
                    type: "warning",
                });
            } else if (data.ret === "no_data") {
                $.notify("<strong>잘못된 코드입니다.</strong>", {
                    type: "warning",
                });
            } else if (data.ret === "Debugging") {
                $.notify("<strong>Debugging</strong>", {
                    type: "warning",
                });
            } else {
                $.notify("<strong>추가 실패</strong><br>" + ret.log, {
                    type: "warning",
                });
            }
        },
    });
});

$("body").on("click", "#check_download_btn", function (e) {
    e.preventDefault();
    all = $('input[id^="checkbox_"]');
    str = "";
    for (i in all) {
        if (all[i].checked) {
            code = all[i].id.split("_")[1];
            str += code + ",";
        }
    }
    if (str == "") {
        $.notify("<strong>선택하세요.</strong>", {
            type: "warning",
        });
        return;
    }
    $.ajax({
        url: "/" + package_name + "/ajax/add_queue_checked_list",
        type: "POST",
        cache: false,
        data: {code: str},
        dataType: "json",
        success: function (data) {
            if (data.ret == "success") {
                $.notify("<strong>" + data.log + "개를 추가하였습니다.</strong>", {
                    type: "success",
                });
            } else {
                $.notify("<strong>" + data.log + "</strong>", {
                    type: "warning",
                });
            }
        },
    });
});

$("#go_modal_airing").on("shown.bs.modal", function () {
    // {#get_airing_list()#}
    $("#exModal").trigger("focus");
});

$("#go_modal_airing").click(function (e) {
    e.preventDefault();
    // console.log('open modal')
    $("#exModal").bootstrapToggle();
    if (current_airing_data === "") {
        get_airing_list();
    }
    $("#inner_airing").toggle();
    $("#airing_list").toggle();
});

$("#go_modal_airing").attr("class", "btn btn-primary");

// {#$(function () {#}
// {#  $('[data-tooltip="true"]').tooltip()#}
// {#});#}

//   <!--{#-->
// <!--<script src="https://unpkg.com/@popperjs/core@2"></script>-->
// <!--#} {#-->
// <!--<script src="https://unpkg.com/tippy.js@6"></script>-->
// <!--#} {#-->
// <!--<script>-->
// <!--  // #}-->
// <!--  // {#        tippy('.code-button',#}-->
// <!--  // {#            { content: 'aaaa', // tooltip 내용#}-->
// <!--  // {#                placement: 'top', // 상단 위치#}-->
// <!--  // {#                trigger: 'hover', // :hover가 아닌 click시 노출#}-->
// <!--  // {#                hideOnClick : 'toggle', // click시, toggle() 액션#}-->
// <!--  // {#                animation: 'shift-away' // 아래에서 위로 올라오며 등장#}-->
// <!--  // {#        })#}-->
// <!--  // {##}-->
// <!--  // {##}-->
// <!--  // {#-->
// <!--</script>-->
// <!--#}--