import { state } from './state.js';
import { config } from './config.js';
import { initDB, getFromDB } from './db.js';
import { MusicPlayer } from './musicPlayer.js';
import { ActivityViewer } from './activityViewer.js';
import { Chat } from './chat.js';
import { setupEventListeners } from './eventListeners.js';
import { fetchAllProviders, renderProviders, getRegions } from './providers.js';
import { loadInitialContent, initializeFavorites, initializeUserData, loadLocalContent, applyTheme, applyHeroVisibility } from './ui.js';
import { showNotification, _ } from './utils.js';

async function loadSettings() {
    if (typeof chrome === 'undefined' || !chrome.storage) {
        console.warn('Running outside of Chrome extension, skipping settings load from DB.');
        return;
    }
    try {
        const settingsData = await getFromDB('settings');
        if (settingsData && settingsData.length > 0) {
            state.settings = { ...state.settings, ...settingsData[0] };
        }

        if (!state.settings.watchRegion) {
            const langToRegionMap = {
                'es': 'ES',
                'en': 'US',
                'fr': 'FR',
                'de': 'DE',
                'it': 'IT',
                'pt': 'PT'
            };
            const userLang = chrome.i18n.getUILanguage().split('-')[0];
            state.settings.watchRegion = langToRegionMap[userLang] || 'US';
        }

        if (!state.settings.language) {
            state.settings.language = chrome.i18n.getUILanguage().split('-')[0];
        }

        if (!state.settings.apiKey) {
            state.settings.apiKey = config.defaultApiKey;
        }

        const jellyfinSettingsData = await getFromDB('jellyfin_settings');
        if (jellyfinSettingsData && jellyfinSettingsData.length > 0) {
            state.jellyfinSettings = { ...state.jellyfinSettings, ...jellyfinSettingsData[0] };
        }

    } catch (error) {
        console.error("Could not load settings from DB, using defaults.", error);
        const userLang = chrome.i18n.getUILanguage();
        const region = userLang.split('-')[1] || userLang.split('-')[0];
        state.settings.watchRegion = region.toUpperCase();
    }
}

function debugLog(message) {
    const debugOutput = document.getElementById('debug-output');
    if (debugOutput) {
        const time = new Date().toLocaleTimeString();
        debugOutput.innerHTML += `<div>[${time}] ${message}</div>`;
    }
}

document.addEventListener('DOMContentLoaded', async () => {
    try {
        await initDB();
        await loadSettings();
        
        applyTheme('dark');
        applyHeroVisibility(state.settings.showHero);

        if (typeof gsap !== 'undefined') {
            gsap.registerPlugin(ScrollTrigger);
        } else {
            console.warn('GSAP not available.');
        }
        
        if (typeof chrome !== 'undefined' && chrome.storage) {
            state.musicPlayer = new MusicPlayer();
            state.musicPlayer.setDB(state.db);
        }
        state.activityViewer = new ActivityViewer(document.getElementById('activityViewerModal'));
        state.chat = new Chat();

        initializeFavorites();
        initializeUserData();
        
        await loadLocalContent();
        await loadInitialContent();

        setupEventListeners();
        initializeThirdPartyLibs();

        document.body.classList.remove('unlocalized');

    } catch (error) {
        console.error("--- FATAL INIT ERROR ---");
        console.error("Error object:", error);
        if (error) {
            console.error("Error message:", error.message);
            console.error("Error stack:", error.stack);
        }
        showNotification(_("fatalInitError"), "error");
        document.getElementById('main-container').innerHTML = `<div class="container text-center mt-5 pt-5"><h1 class="text-danger">${_("fatalInitError")}</h1><p>${_("fatalInitErrorSub")}</p></div>`;
        document.body.classList.remove('unlocalized');
    }
});

function initializeThirdPartyLibs() {
    if (typeof particlesJS !== 'undefined') {
        particlesJS('particles-js', {
            "particles": { "number": { "value": 45 }, "color": { "value": "#0072ff" }, "shape": { "type": "circle" }, "opacity": { "value": 0.25, "random": true }, "size": { "value": 2.5, "random": true }, "line_linked": { "enable": true, "distance": 150, "color": "#00e0ff", "opacity": 0.1 }, "move": { "enable": true, "speed": 1.2, "direction": "none", "random": true, "out_mode": "out" } },
            "interactivity": { "events": { "onhover": { "enable": true, "mode": "grab" } }, "modes": { "grab": { "distance": 120, "line_linked": { "opacity": 0.3 } } } },
            "retina_detect": true
        });
    }
    if (typeof chrome === 'undefined' || !chrome.storage) {
        console.warn('Running outside of Chrome extension, skipping initializeThirdPartyLibs.');
        return;
    }

    if (typeof ace !== 'undefined') {
        try {
            state.aceEditor = ace.edit("editor");
            state.aceEditor.setTheme("ace/theme/monokai");
            state.aceEditor.session.setMode("ace/mode/json");
            state.aceEditor.setOptions({ fontSize: "14px", useWorker: false });
        } catch(e) {
            state.aceEditor = null;
        }
    }
}