var validdates = [{
        Date: "2024-10-24",
        Month: 10,
        Day: 24,
        ProductCount: "7件",
        URL: "https://goods.ryokuyou.co.jp/search/comiket_deadline_from:20241024/comiket_deadline_to:20241024",
    },
    {
        Date: "2024-10-25",
        Month: 10,
        Day: 25,
        ProductCount: "52件",
        URL: "https://goods.ryokuyou.co.jp/search/comiket_deadline_from:20241025/comiket_deadline_to:20241025",
    },
    {
        Date: "2024-10-28",
        Month: 10,
        Day: 28,
        ProductCount: "10件",
        URL: "https://goods.ryokuyou.co.jp/search/comiket_deadline_from:20241028/comiket_deadline_to:20241028",
    },
    {
        Date: "2024-10-29",
        Month: 10,
        Day: 29,
        ProductCount: "6件",
        URL: "https://goods.ryokuyou.co.jp/search/comiket_deadline_from:20241029/comiket_deadline_to:20241029",
    },
    {
        Date: "2024-10-30",
        Month: 10,
        Day: 30,
        ProductCount: "16件",
        URL: "https://goods.ryokuyou.co.jp/search/comiket_deadline_from:20241030/comiket_deadline_to:20241030",
    },
    {
        Date: "2024-10-31",
        Month: 10,
        Day: 31,
        ProductCount: "21件",
        URL: "https://goods.ryokuyou.co.jp/search/comiket_deadline_from:20241031/comiket_deadline_to:20241031",
    },
    {
        Date: "2024-11-01",
        Month: 11,
        Day: 1,
        ProductCount: "186件",
        URL: "https://goods.ryokuyou.co.jp/search/comiket_deadline_from:20241101/comiket_deadline_to:20241101",
    },
    {
        Date: "2024-11-05",
        Month: 11,
        Day: 5,
        ProductCount: "46件",
        URL: "https://goods.ryokuyou.co.jp/search/comiket_deadline_from:20241105/comiket_deadline_to:20241105",
    },
    {
        Date: "2024-11-06",
        Month: 11,
        Day: 6,
        ProductCount: "15件",
        URL: "https://goods.ryokuyou.co.jp/search/comiket_deadline_from:20241106/comiket_deadline_to:20241106",
    },
    {
        Date: "2024-11-07",
        Month: 11,
        Day: 7,
        ProductCount: "12件",
        URL: "https://goods.ryokuyou.co.jp/search/comiket_deadline_from:20241107/comiket_deadline_to:20241107",
    },
    {
        Date: "2024-11-08",
        Month: 11,
        Day: 8,
        ProductCount: "14件",
        URL: "https://goods.ryokuyou.co.jp/search/comiket_deadline_from:20241108/comiket_deadline_to:20241108",
    },
    {
        Date: "2024-11-11",
        Month: 11,
        Day: 11,
        ProductCount: "31件",
        URL: "https://goods.ryokuyou.co.jp/search/comiket_deadline_from:20241111/comiket_deadline_to:20241111",
    },
    {
        Date: "2024-11-12",
        Month: 11,
        Day: 12,
        ProductCount: "75件",
        URL: "https://goods.ryokuyou.co.jp/search/comiket_deadline_from:20241112/comiket_deadline_to:20241112",
    },
    {
        Date: "2024-11-13",
        Month: 11,
        Day: 13,
        ProductCount: "12件",
        URL: "https://goods.ryokuyou.co.jp/search/comiket_deadline_from:20241113/comiket_deadline_to:20241113",
    },
    {
        Date: "2024-11-14",
        Month: 11,
        Day: 14,
        ProductCount: "4件",
        URL: "https://goods.ryokuyou.co.jp/search/comiket_deadline_from:20241114/comiket_deadline_to:20241114",
    },
    {
        Date: "2024-11-18",
        Month: 11,
        Day: 18,
        ProductCount: "17件",
        URL: "https://goods.ryokuyou.co.jp/search/comiket_deadline_from:20241118/comiket_deadline_to:20241118",
    },
    {
        Date: "2024-11-19",
        Month: 11,
        Day: 19,
        ProductCount: "14件",
        URL: "https://goods.ryokuyou.co.jp/search/comiket_deadline_from:20241119/comiket_deadline_to:20241119",
    },
];

$(document).ready(function() {
    var event1 = "Sun Dec 01 2024";
    var event2 = event1; //"Sun Jun 30 2024";
    var eventname1 = "Dozen Rose FES.2024"; //2日間や3日間イベント時変更 例："夏コミ1日目";
    var eventname2 = eventname1; //2日間や3日間イベント時変更 例："夏コミ2日目";
    function createMonth(month, year) {
        var monthElement = document.createElement("div");
        monthElement.className = "dp-month";
        monthElement.innerHTML =
            "<div><h2>" + year + "年" + getMonthName(month) + "</h2></div>";

        // Add row for day names
        var dayNamesRow = document.createElement("div");
        dayNamesRow.className = "dp-day-names";
        var dayNames = ["日", "月", "火", "水", "木", "金", "土"];
        for (var i = 0; i < 7; i++) {
            var dayNameElement = document.createElement("div");
            dayNameElement.className = "dp-day-name";
            dayNameElement.textContent = dayNames[i];
            dayNamesRow.appendChild(dayNameElement);
        }
        monthElement.appendChild(dayNamesRow);

        var daysInMonth = getDaysInMonth(month, year);
        var firstDay = new Date(year, month, 1).getDay();

        for (var i = 0; i < firstDay; i++) {
            monthElement.innerHTML += "<div class='dp-day'></div>";
        }

        for (var i = 1; i <= daysInMonth; i++) {
            var dayElement = document.createElement("div");
            dayElement.className = "dp-day";
            // dayElement.setAttribute("data-date", new Date(year, month, i).toDateString());
            // dayElement.setAttribute("data-date", new Date(year, month, i).toISOString().slice(0, 10));
            const tokyoDate = new Date(
                new Date(year, month, i).getTime() + 9 * 60 * 60 * 1000
            );
            dayElement.setAttribute(
                "data-date",
                tokyoDate.toISOString().slice(0, 10)
            );

            // Check Saturday or Sunday
            if (
                new Date(year, month, i).getDay() === 6 ||
                new Date(year, month, i).getDay() === 0
            ) {
                dayElement.classList.add("dp-wknd");
            }

            var dateValue = dayElement.getAttribute("data-date");
            // Set event day
            if (dateValue === event1 || dateValue === event2) {
                // if (dateValue === event1) {
                dayElement.classList.remove("dp-wknd");
                dayElement.classList.add("dp-event");

                // Set the event name based on the matching date
                if (dateValue === event1) {
                    dayElement.title = eventname1;
                } else {
                    dayElement.title = eventname2;
                }
            }
            var holidays = ["2024-10-14", "2024-11-04"];
            if (holidays.includes(dayElement.getAttribute("data-date"))) {
                dayElement.classList.add("dp-wknd");
            }

            var currentDate = dayElement.getAttribute("data-date");
            var matchingDate = validdates.find(function(item) {
                return (
                    item.Month - 1 === new Date(currentDate).getMonth() &&
                    item.Day === new Date(currentDate).getDate()
                );
            });

            validdates.forEach(function(item, index) {
                var productDate = item.Date;
                var productDateObj = new Date(productDate); // Convert productDate string to a Date object

                if (isNaN(productDateObj.getTime())) {
                    console.error("Invalid date format: " + productDate);
                    return;
                }

                var today = new Date();
                var todayDate = new Date(
                    today.getFullYear(),
                    today.getMonth(),
                    today.getDate()
                );

                var isDateValid = productDateObj > todayDate;
                // console.log("Is date valid for item " + index + ": " + isDateValid);

                if (isDateValid) {
                    var element = document.querySelector(
                        ".dp-day.highlight:nth-child(" + (index + 1) + ")"
                    );
                    if (element) {
                        element.style.opacity = 0.4;
                    }
                }
            });

            // console.log("matchingDate: " + matchingDate);
            if (matchingDate) {
                dayElement.classList.add("highlight");
                // console.log("data-deadline: ", dataDeadline);
                var linkElement = document.createElement("a");
                //   linkElement.href = "javascript:void(0);";
                linkElement.href = matchingDate.url;
                linkElement.textContent = i;
                var dataDeadline = matchingDate.Date;
                linkElement.setAttribute("data-filter", dataDeadline);
                dayElement.innerHTML = "";
                dayElement.appendChild(linkElement);
            } else {
                dayElement.textContent = i;
            }
            // console.log("matchingDate: ", matchingDate);
            monthElement.appendChild(dayElement);
        }

        // Add empty days for the remaining cells in the last row
        var lastDay = new Date(year, month, daysInMonth).getDay();
        for (var i = lastDay + 1; i < 7; i++) {
            monthElement.innerHTML +=
                "<div class='dp-day " + dataDeadline + "'></div>";
        }

        return monthElement;
    }

    function getDayName(day) {
        var dayNames = ["日", "月", "火", "水", "木", "金", "土"];
        return dayNames[day];
    }

    function getMonthName(month) {
        var monthNames = [
            "1月",
            "2月",
            "3月",
            "4月",
            "5月",
            "6月",
            "7月",
            "8月",
            "9月",
            "10月",
            "11月",
            "12月",
        ];
        return monthNames[month];
    }

    function applyLinkUrls() {
        var dayElements = document.getElementsByClassName("dp-day");

        for (var i = 0; i < dayElements.length; i++) {
            var dayElement = dayElements[i];
            var currentDate = dayElement.getAttribute("data-date");

            // Check if currentDate is valid
            if (currentDate) {
                var matchingDate = validdates.find(function(item) {
                    // Compare the date in the format YYYY-MM-DD
                    return item.Date === currentDate;
                });

                if (matchingDate) {
                    dayElement.classList.add("highlight");

                    // Create a link element
                    var linkElement = document.createElement("a");
                    linkElement.href = matchingDate.URL; // Use the URL from validdates
                    linkElement.textContent = dayElement.textContent; // Set the link text to the day number
                    dayElement.innerHTML = ""; // Clear the day element
                    dayElement.appendChild(linkElement); // Append the link to the day element
                }
            }
        }
    }

    function getDaysInMonth(month, year) {
        return new Date(year, month + 1, 0).getDate();
    }

    var calendar = document.getElementById("dp-calendar");
    var currentDate = new Date();
    var currentMonth = currentDate.getMonth();
    var currentYear = currentDate.getFullYear();
    var months = [];

    function createCalendar() {
        for (var i = 0; i < monthsahead; i++) {
            var month = currentMonth + i;
            var year = currentYear;

            if (month >= 12) {
                month -= 12;
                year += 1;
            }

            var monthElement = createMonth(month, year);
            months.push(monthElement);
        }

        months.forEach(function(month) {
            calendar.appendChild(month);
        });

        applyLinkUrls();
    }
    createCalendar();

    var today = new Date();
    var deadline = new Date();
    var deadline = deadline.setHours(12, 0, 0, 0);
    console.log("today: " + today);
    console.log("deadline: " + new Date(deadline).toString());

    var dateElements = document.querySelectorAll(".dp-day.highlight");
    for (var i = 0; i < validdates.length; i++) {
        var arrayDate = new Date(validdates[i].Date);
        arrayDate.setHours(arrayDate.getHours() + 9); //UTC+9
        var dateElement = dateElements[i];

        if (dateElement) {
            if (arrayDate >= deadline) {
                dateElement.style.opacity = "1";
                // console.log(validdates[i].Date + " is today or in the future.");
            } else {
                dateElement.style.opacity = "0.4";
                console.log(validdates[i].Date + " is in the past.");
            }
        }
    }
});