// Detect Topics API availability and topic information
async function detectTopicsAPI() {
    if (!document.interestCohort) {
        console.log("Topics API not available");
        return null;
    }

    try {
        const topics = await document.interestCohort();
        console.log("Current topics:", topics);

        // Log to analytics
        gtag('event', 'topics_available', {
            'topics_count': topics.length,
            'topics': topics.map(t => t.topic).join(',')
        });

        return topics;
    } catch (error) {
        console.log("Topics API error:", error);
        return null;
    }
}

// Call on page load
detectTopicsAPI();

// Contextual ad targeting based on page content, not user history

function analyzePageContext() {
    // Extract keywords from page content
    const pageText = document.body.innerText;
    const keywords = extractKeywords(pageText);

    // Analyze visible elements
    const headings = Array.from(document.querySelectorAll('h1, h2'))
        .map(el => el.textContent);

    // Don't send any user data to ad server
    // Only send current page context
    loadContextualAds({
        pageKeywords: keywords,
        pageTopics: headings,
        timestamp: new Date().getTime()
    });
}

function extractKeywords(text) {
    // Simple keyword extraction (production would use better algorithm)
    const commonWords = new Set(['the', 'a', 'an', 'and', 'or', 'but']);
    return text
        .toLowerCase()
        .match(/\b\w+\b/g)
        .filter(word => word.length > 3 && !commonWords.has(word))
        .slice(0, 10);
}

// First-party data collection with explicit consent

class ConsentedAudienceManager {
    constructor() {
        this.audiences = new Map();
        this.consentRequired = true;
    }

    // Ask user for explicit consent
    async requestConsent() {
        return new Promise((resolve) => {
            const modal = document.createElement('div');
            modal.innerHTML = `
                <div class="consent-modal">
                    <h3>Help us personalize your experience</h3>
                    <p>We'd like to remember your preferences for:</p>
                    <ul>
                        <li>Product categories you're interested in</li>
                        <li>Preferred content types</li>
                    </ul>
                    <button id="consent-yes">Accept</button>
                    <button id="consent-no">Decline</button>
                </div>
            `;

            document.body.appendChild(modal);

            document.getElementById('consent-yes').onclick = () => {
                localStorage.setItem('audience_consent', 'true');
                resolve(true);
            };

            document.getElementById('consent-no').onclick = () => {
                localStorage.setItem('audience_consent', 'false');
                resolve(false);
            };
        });
    }

    // Build first-party audience based on user actions
    recordUserAction(action, category) {
        if (!localStorage.getItem('audience_consent')) return;

        const key = `audience_${category}`;
        const current = this.audiences.get(key) || 0;
        this.audiences.set(key, current + 1);

        // Save to localStorage
        localStorage.setItem(key, current + 1);
    }

    // Get user's audience segments
    getAudiences() {
        if (!localStorage.getItem('audience_consent')) {
            return [];
        }

        const audiences = [];
        this.audiences.forEach((count, key) => {
            if (count > 2) {
                audiences.push(key.replace('audience_', ''));
            }
        });

        return audiences;
    }
}