$(document).ready(function () {
    setTimeout(function () {
        $(".searchbar input").trigger("input");
    }, 100); // 或 100ms 視情況調整

    $(document).on('click', '.searchclose', function () {
        $('.searchbar input[type="text"]').val('').trigger("input");
        $('.searchbt2').trigger('click');
    });

    // 監聽搜尋按鈕
    $(".searchbt2").on("click", function () {
        let searchWord = $(".searchbar input").val().trim();
        fetchChatHistory(searchWord);
    });

    // 監聽輸入框按下enter
    $(".searchbar input").on("keypress", function (event) {
        if (event.which === 13) { // 13 = Enter 
            let searchWord = $(this).val().trim();
            fetchChatHistory(searchWord);
        }
    });

    $(document).on("input", ".searchbar input", function () {
        const inputVal = $(this).val().trim();
        const $searchBar = $(this).closest(".searchbar");
        const $searchBtn = $searchBar.find(".searchbt2");
        const $closeBtn = $searchBar.find(".searchclose");

        if (inputVal === "") {
            $searchBtn.addClass("disabled");
            $closeBtn.hide();
        } else {
            $searchBtn.removeClass("disabled");
            $closeBtn.show();
        }
    });
});

// **API 更新聊天室名稱**
function saveRoomTitle(id, title) {
    return $.ajax({
        url: saveRoomInfoUrl,
        method: "POST",
        contentType: "application/json",
        data: JSON.stringify({ RoomGuid: id, RoomName: title }),
    });
}

function fetchChatHistory(SearchWord) {
    if (!isLogin)
    {
        return;
    }

    let Params = {
        SearchWord: SearchWord
    };

    $.ajax({
        url: historyUrl, 
        method: "POST",
        data: Params,
        dataType: "json",
        success: function (response) {

            if (response.Success === true) {
                let dataList = response.Data.DataList; 

                let allData = [];

                if (dataList && typeof dataList === "object") {
                    Object.keys(dataList).forEach(date => {                        
                        allData = allData.concat(dataList[date]);
                    });
                }

                updateHistory(dataList);
            } else {
                console.error("Error fetching chat history");
            }
        },
        error: function (xhr, status, error) {
            console.error("AJAX Error:", status, error);
        }
    });
}

function updateHistory(dataList) {
    $("#searchEmpty").hide();
    let historyContainer = $(".lightbox-target-bottom .history");
    historyContainer.empty(); // 清空現有內容

    if (!dataList || dataList.length === 0) {
        $("#searchEmpty").show();
    }

    let today = new Date().toISOString().split("T")[0]; // 取得今天的日期 YYYY-MM-DD

    // 依日期排序（最新日期優先）
    dataList.sort((a, b) => b.Date.localeCompare(a.Date)).forEach(item => {
        // 日期標題
        let dateTitle = item.Date === today
            ? '<div class="time"><em>今天</em></div>'
            : `<div class="time"><em>${item.Date}</em></div>`;
        historyContainer.append(dateTitle);

        item.HistoryList.forEach(history => {
            let roomUrl = `${chatroomUrl}/${history.RoomGuid}`;
            let sideItem = $(`
                <div class="sideitem">
                    <i></i>
                    <a href="${roomUrl}" class="room-title" data-id="${history.RoomGuid}">${history.RoomName}</a>
                    <button class="sidemore">
                        <img src="/images/ic_more.svg" alt="" class="img-rwd" />
                    </button>
                </div>
            `);
            historyContainer.append(sideItem);
        });
    });
}

// 刪除功能
function del(id) {
    if (confirm(`確定要刪除此筆聊天紀錄 嗎？`)) {
        return $.ajax({
            url: saveRoomInfoUrl,
            method: "POST",
            contentType: "application/json",
            data: JSON.stringify({ RoomGuid: id, IsEnabled: false }),
        });
    }
}