options.js

import { getToken } from './utils.js';

document.addEventListener('DOMContentLoaded', () => {
    const ipInput = document.getElementById('addr');
    const usernameInput = document.getElementById('username');
    const passwordInput = document.getElementById('password');
    const saveButton = document.getElementById('save');

    const i18nElements = {
        'appName': 'appName',
        'basicSettings_text': 'basicSettings',
        'ipAddress': 'ipAddress',
        'username_text': 'username_text',
        'password_text': 'password_text',
        'saveSettings': 'saveSettings',
    };

    Object.entries(i18nElements).forEach(([elementId, messageKey]) => {
        const element = document.getElementById(elementId);
        if (element) {
            element.innerText = chrome.i18n.getMessage(messageKey);
        }
    });

    chrome.storage.sync.get([
        'addr', 'username', 'password'
    ], (items) => {
        console.log('Loaded settings:', items);
        ipInput.value = items.addr || 'http://localhost:8005';
        usernameInput.value = items.username || 'guest';
        passwordInput.value = items.password || 'guest';
    });

    saveButton.addEventListener('click', async () => {
        const settings = {
            addr: ipInput.value.trim(),
            username: usernameInput.value.trim(),
            password: passwordInput.value
        };

        try {
            console.log('Verifying connection to:', settings.addr);
            const token = await getToken(settings.addr, settings.username, settings.password);
            console.log('Connection verified:', token.slice(0, 10) + '...');
            
            await new Promise(resolve => chrome.storage.sync.set(settings, resolve));

            alert(chrome.i18n.getMessage('settingsSaved'));
            
        } catch (error) {
            if (error.message.includes('Failed to fetch')) {
                alert(chrome.i18n.getMessage('serverConnectionError'));
            } else if (error.message.includes('Network response was not ok')) {
                alert(chrome.i18n.getMessage('invalidCredentials'));
            } else {
                alert(chrome.i18n.getMessage('settingsSaveError') + ': ' + error.message);
            }
        }
    });

    chrome.storage.sync.get([
        'addr', 'username', 'password'
    ], (items) => {
        ipInput.value = items.addr || 'http://localhost:8005';
        usernameInput.value = items.username || 'guest';
        passwordInput.value = items.password || 'guest';
    });
});