//const url =
//    window.location.origin +
//    "/api/version/GetTrackingConsentConfig"
//$.ajax({
//    url,
//    type: "GET",
//    contentType: "application/json",
//    dataType: "json",
//    success: function (result) {
//        var trackingConsentTitle = document.getElementById("tracking-consent-title");
//        var trackingConsentDes = document.getElementById("tracking-consent-description");
//        var trackingConsentAccept = document.getElementById("tracking-consent-dialog-accept");
//        var trackingConsentReject = document.getElementById("tracking-consent-dialog-reject");
//        if (trackingConsentTitle !== null) {
//            trackingConsentTitle.innerHTML = result.value.TrackingConsentTitle;
//        }
//        if (trackingConsentDes !== null) {
//            trackingConsentDes.innerHTML = result.value.TrackingConsentDescription;
//        }
//        if (trackingConsentAccept !== null) {
//            trackingConsentAccept.innerHTML = result.value.TrackingConsentDialogAccept;
//        }
//        if (trackingConsentReject !== null) {
//            trackingConsentReject.innerHTML = result.value.TrackingConsentDialogReject;
//        }
//    },
//});

$(document).ready(function () {
    var categoryContainer = $('#cookies-list__category');
    if (categoryContainer.length) {
        $.ajax({
            url: '/api/cookieconsent/getcookies',
            type: 'GET',
            success: function (data) {
                var categories = data.listCategory;                
                categories.forEach(function (category) {
                    var categoryHtml = `
                        <div class="cookies-list__item">
                            <div class="cookies-list__item-title" aria-expanded="false">
                                <span>${category.title}</span>
                                <i class="cookies-list__icon"></i>
                            </div>
                            <div class="cookies-list__item-content" aria-hidden="true">
                                <div>
                                    <p>${category.content}</p>
                                </div>
                    `;

                    var tableHtml = `
                        <table class="cookies-list__table">
                            <tr>
                                <th>Company name</th>
                                <th>Domain name</th>
                            </tr>
                    `;

                    category.providers.forEach(function (provider) {
                        tableHtml += `
                            <tr>
                                <td>${provider.companyName}</td>
                                <td>${provider.domainName}</td>
                            </tr>
                        `;
                    });

                    tableHtml += `</table>`;

                    categoryHtml += tableHtml;

                    categoryHtml += `
                            </div>
                        </div>
                    `;

                    categoryContainer.append(categoryHtml);
                });

                // Add collapse event listeners
                $('.cookies-list__item-title').on('click', function () {
                    var category = $(this).closest('.cookies-list__item');
                    const isExpanded = category.find('.cookies-list__item-title').attr('aria-expanded') === 'true';
                    const content = category.find('.cookies-list__item-content');
                    category.find('.cookies-list__item-title').attr('aria-expanded', !isExpanded);
                    content.attr('aria-hidden', isExpanded);
                });
            },
            error: function (error) {
                console.error('Error:', error);
            }
        });
    }

    $('#showCookieDialog').on('click', function () {
        $('body').addClass('show-popup');
    });

    $('#closeCookieDialog').on('click', function () {
        $('body').removeClass('show-popup');
    });
});