{% extends "base.html" %}

{% block title %}Gnomenall Forte | Settings{% endblock %}

{% block content %}
<div class="settings-shell">
    <aside class="settings-nav">
        <button class="settings-tab" data-section="identity">{{ t('settings.identity.title') }}</button>
        <button class="settings-tab" data-section="telegram">{{ t('settings.telegram.title') }}</button>
        <button class="settings-tab" data-section="session">{{ t('settings.session.title') }}</button>
        <button class="settings-tab" data-section="app">{{ t('settings.app.title') }}</button>
        <button class="settings-tab" data-section="logs">{{ t('settings.logs.title') }}</button>
        <button class="settings-tab" data-section="catalog">{{ t('settings.catalog.title') }}</button>
        <button class="settings-tab" data-section="bep44">{{ t('settings.bep44.title') }}</button>
        <button class="settings-tab" data-section="dht">{{ t('settings.dht_router.title') }}</button>
        <button class="settings-tab" data-section="routers">{{ t('settings.senate_routers.title') }}</button>
    </aside>
    <div class="settings-content">
        <section class="section settings-section" data-section="identity">
    <h2>{{ t('settings.identity.title') }}</h2>
    <p class="stat-label">{{ t('settings.identity.subtitle') }}</p>
    <div class="grid two">
        <div>
            <div class="stat-label">{{ t('settings.identity.alias') }}</div>
            <div class="stat-value">{{ identity_alias }}</div>
        </div>
        <div>
            <div class="stat-label">{{ t('settings.identity.public_key') }}</div>
            <div class="mono">{{ identity_public_key }}</div>
        </div>
    </div>
    <div class="field" style="margin-top: 12px;">
        <label for="identity-alias">{{ t('settings.identity.new_alias') }}</label>
        <div class="field-row">
            <input type="text" id="identity-alias" placeholder="{{ t('settings.identity.new_alias_placeholder') }}">
            <button class="btn secondary" type="button" id="identity-update">{{ t('settings.identity.update') }}</button>
        </div>
    </div>
    <div class="field">
        <label for="identity-rotate-confirm">{{ t('settings.identity.rotate_label') }}</label>
        <div class="field-row">
            <input type="text" id="identity-rotate-confirm" placeholder="{{ t('settings.identity.rotate_placeholder') }}">
            <button class="btn danger" type="button" id="identity-rotate">{{ t('settings.identity.rotate') }}</button>
        </div>
    </div>
        </section>

        <section class="section settings-section" data-section="telegram">
    <h2>{{ t('settings.telegram.title') }}</h2>
    <p class="stat-label">{{ t('settings.telegram.subtitle') }}</p>
    <div class="field">
        <label for="tg-bot-token">{{ t('settings.telegram.bot_token') }}</label>
        <input type="password" id="tg-bot-token" placeholder="{{ t('settings.telegram.bot_token_placeholder') }}">
    </div>
    <div class="field">
        <label for="tg-chat-id">{{ t('settings.telegram.chat_id') }}</label>
        <input type="text" id="tg-chat-id" placeholder="{{ t('settings.telegram.chat_id_placeholder') }}">
    </div>
    <div class="field">
        <label for="tg-master-password">{{ t('settings.telegram.master_password') }}</label>
        <input type="password" id="tg-master-password" placeholder="{{ t('settings.telegram.master_password_placeholder') }}">
    </div>
        <div class="actions">
        <button class="btn" type="button" id="tg-save">{{ t('settings.telegram.save') }}</button>
    </div>
        </section>

        <section class="section settings-section" data-section="session">
    <h2>{{ t('settings.session.title') }}</h2>
    <p class="stat-label">{{ t('settings.session.subtitle') }}</p>
    
    <div class="grid two" style="margin-bottom: 16px;">
        <div>
            <div class="stat-label">{{ t('settings.session.bun_status') }}</div>
            <div class="stat-value" id="session-bun-status">-</div>
        </div>
        <div>
            <div class="stat-label">{{ t('settings.session.bot_status') }}</div>
            <div class="stat-value" id="session-bot-status">-</div>
        </div>
    </div>
    
    <div class="grid two" style="margin-bottom: 16px;">
        <div>
            <div class="stat-label">{{ t('settings.session.session_id') }}</div>
            <div class="field-row">
                <div class="mono" id="session-id" style="flex:1;word-break:break-all;">-</div>
                <button class="btn secondary" style="padding:4px 8px;font-size:11px;" id="session-copy-id" title="Copy">📋</button>
            </div>
        </div>
        <div>
            <div class="stat-label">{{ t('settings.session.contacts_count') }}</div>
            <div class="stat-value" id="session-contacts-count">0</div>
        </div>
    </div>
    
    <div class="actions" style="margin-bottom: 16px;">
        <button class="btn" type="button" id="session-install">{{ t('settings.session.install') }}</button>
        <button class="btn" type="button" id="session-start">{{ t('settings.session.start') }}</button>
        <button class="btn danger" type="button" id="session-stop">{{ t('settings.session.stop') }}</button>
    </div>
    
    <hr style="margin: 16px 0;">
    
    <div class="field">
        <label for="session-bot-host">{{ t('settings.session.bot_host') }}</label>
        <input type="text" id="session-bot-host" value="localhost" placeholder="localhost">
    </div>
    <div class="field">
        <label for="session-bot-port">{{ t('settings.session.bot_port') }}</label>
        <input type="number" id="session-bot-port" value="9876" placeholder="9876">
    </div>
    
    <div class="actions">
        <button class="btn secondary" type="button" id="session-refresh">{{ t('settings.session.refresh') }}</button>
    </div>
    
    <hr style="margin: 24px 0;">
    
    <h3>{{ t('settings.session.contacts') }}</h3>
    <div class="field">
        <label for="session-add-contact">{{ t('settings.session.add_contact') }}</label>
        <div class="field-row">
            <input type="text" id="session-add-contact" placeholder="{{ t('settings.session.contact_placeholder') }}">
            <button class="btn secondary" type="button" id="session-add-contact-btn">{{ t('settings.session.add') }}</button>
        </div>
    </div>
    
    <div id="session-contacts-list" style="margin-top: 12px;">
        <!-- Contacts will be loaded here -->
    </div>
    
    <hr style="margin: 24px 0;">
    
    <div class="actions">
        <button class="btn" type="button" id="session-test">{{ t('settings.session.test') }}</button>
    </div>
        </section>

        <section class="section settings-section" data-section="app">
    <h2>{{ t('settings.app.title') }}</h2>
    <p class="stat-label">{{ t('settings.app.subtitle') }}</p>
    <div class="field">
        <label for="app-locale">{{ t('settings.app.locale') }}</label>
        <input type="text" id="app-locale" value="{{ current_locale }}" placeholder="{{ t('settings.app.locale_placeholder') }}">
    </div>
    <div class="field">
        <label for="refresh-interval">{{ t('settings.app.refresh_interval') }}</label>
        <input type="number" id="refresh-interval" min="10" max="300" value="60">
    </div>
    <div class="field">
        <label for="qbit-watchdog-interval">{{ t('settings.app.watchdog_interval') }}</label>
        <input type="number" id="qbit-watchdog-interval" min="5" max="600" value="12">
    </div>
    <div class="field">
        <label for="preferred-media-dir">{{ t('settings.app.preferred_media_dir') }}</label>
        <input type="text" id="preferred-media-dir" placeholder="{{ t('settings.app.preferred_media_dir_placeholder') }}">
    </div>
    <div class="field">
        <label for="qbit-download-path">{{ t('settings.app.qb_download_path') }}</label>
        <input type="text" id="qbit-download-path" placeholder="{{ t('settings.app.qb_download_path_placeholder') }}">
    </div>
    <div class="grid two">
        <div class="field">
            <label for="qbit-host">{{ t('settings.app.qb_host') }}</label>
            <input type="text" id="qbit-host" placeholder="{{ t('settings.app.qb_host_placeholder') }}">
        </div>
        <div class="field">
            <label for="qbit-port">{{ t('settings.app.qb_port') }}</label>
            <input type="number" id="qbit-port" placeholder="{{ t('settings.app.qb_port_placeholder') }}">
        </div>
    </div>
    <div class="grid two">
        <div class="field">
            <label for="qbit-user">{{ t('settings.app.qb_user') }}</label>
            <input type="text" id="qbit-user" placeholder="{{ t('settings.app.qb_user_placeholder') }}">
        </div>
        <div class="field">
            <label for="qbit-pass">{{ t('settings.app.qb_pass') }}</label>
            <input type="password" id="qbit-pass" placeholder="{{ t('settings.app.qb_pass_placeholder') }}">
        </div>
    </div>
    <div class="field checkbox">
        <label for="qbit-no-auth">{{ t('settings.app.qb_no_auth') }}</label>
        <input type="checkbox" id="qbit-no-auth">
    </div>
    <div class="actions">
        <button class="btn secondary" type="button" id="qbit-test">{{ t('settings.app.test_connection') }}</button>
    </div>
    <div class="actions" style="margin-top: 14px;">
        <button class="btn" type="button" id="settings-save">{{ t('settings.app.save_settings') }}</button>
    </div>
        </section>

        <section class="section settings-section" data-section="logs">
    <h2>{{ t('settings.logs.title') }}</h2>
    <p class="stat-label">{{ t('settings.logs.subtitle') }}</p>
    <div class="grid two">
        <div class="field checkbox">
            <label for="log-pulse">{{ t('settings.logs.pulse') }}</label>
            <input type="checkbox" id="log-pulse">
        </div>
        <div class="field checkbox">
            <label for="log-scs-sync">{{ t('settings.logs.scs_sync') }}</label>
            <input type="checkbox" id="log-scs-sync">
        </div>
    </div>
    <div class="grid two">
        <div class="field checkbox">
            <label for="log-scs-get-empty">{{ t('settings.logs.scs_get_empty') }}</label>
            <input type="checkbox" id="log-scs-get-empty">
        </div>
        <div class="field checkbox">
            <label for="log-scs-get-nochange">{{ t('settings.logs.scs_get_nochange') }}</label>
            <input type="checkbox" id="log-scs-get-nochange">
        </div>
    </div>
    <div class="grid two">
        <div class="field checkbox">
            <label for="log-scs-get-invalid">{{ t('settings.logs.scs_get_invalid') }}</label>
            <input type="checkbox" id="log-scs-get-invalid">
        </div>
        <div class="field checkbox">
            <label for="log-bep44-scs-get">{{ t('settings.logs.bep44_scs_get') }}</label>
            <input type="checkbox" id="log-bep44-scs-get">
        </div>
    </div>
    <div class="grid two">
        <div class="field checkbox">
            <label for="log-bep44-put">{{ t('settings.logs.bep44_put') }}</label>
            <input type="checkbox" id="log-bep44-put">
        </div>
        <div class="field checkbox">
            <label for="log-storage-retrieved">{{ t('settings.logs.storage_retrieved') }}</label>
            <input type="checkbox" id="log-storage-retrieved">
        </div>
    </div>
    <div class="grid two">
        <div class="field checkbox">
            <label for="log-torrentforge">{{ t('settings.logs.torrentforge') }}</label>
            <input type="checkbox" id="log-torrentforge">
        </div>
        <div class="field checkbox">
            <label for="log-notice-success">{{ t('settings.logs.notice_success') }}</label>
            <input type="checkbox" id="log-notice-success">
        </div>
    </div>
    <div class="actions" style="margin-top: 14px;">
        <button class="btn secondary settings-save-trigger" type="button">{{ t('settings.app.save_settings') }}</button>
    </div>
        </section>

        <section class="section settings-section" data-section="catalog">
    <h2>{{ t('settings.catalog.title') }}</h2>
    <p class="stat-label">{{ t('settings.catalog.subtitle') }}</p>
    <div class="grid two">
        <div>
            <div class="stat-label">{{ t('settings.catalog.local_version') }}</div>
            <div class="stat-value" id="catalog-local-version">—</div>
        </div>
        <div>
            <div class="stat-label">{{ t('settings.catalog.global_version') }}</div>
            <div class="stat-value" id="catalog-global-version">—</div>
        </div>
    </div>
    <div class="grid two" style="margin-top: 12px;">
        <div>
            <div class="stat-label">{{ t('settings.catalog.local_path') }}</div>
            <div class="mono" id="catalog-local-path">—</div>
        </div>
        <div>
            <div class="stat-label">{{ t('settings.catalog.global_path') }}</div>
            <div class="mono" id="catalog-global-path">—</div>
        </div>
    </div>
    <div class="field" style="margin-top: 16px;">
        <label for="catalog-master-password">{{ t('settings.catalog.master_password') }}</label>
        <div class="field-row">
            <input type="password" id="catalog-master-password" placeholder="{{ t('settings.catalog.master_password_placeholder') }}">
            <button class="btn" type="button" id="catalog-key-generate" disabled>{{ t('settings.catalog.generate_key') }}</button>
        </div>
        <div class="stat-label" style="margin-top: 8px;">
            <span data-i18n="settings.catalog.key_status">{{ t('settings.catalog.key_status') }}</span>: <span id="catalog-key-status">—</span>
        </div>
        <div class="stat-label" style="margin-top: 4px;">
            <span data-i18n="settings.catalog.fingerprint">{{ t('settings.catalog.fingerprint') }}</span>: <span class="mono" id="catalog-key-fingerprint">—</span>
        </div>
    </div>
    <div class="field" style="margin-top: 16px;">
        <div class="field-row">
            <button class="btn secondary" type="button" id="catalog-local-init" disabled>{{ t('settings.catalog.init_local') }}</button>
        </div>
        <div class="stat-label" style="margin-top: 8px;">
            <span data-i18n="settings.catalog.local_status">{{ t('settings.catalog.local_status') }}</span>: <span id="catalog-local-status">—</span>
        </div>
        <div class="stat-label" style="margin-top: 4px;">
            <span data-i18n="settings.catalog.size">{{ t('settings.catalog.size') }}</span>: <span class="mono" id="catalog-local-size">—</span>
        </div>
    </div>
    <div class="field" style="margin-top: 16px;">
        <div class="field-row" style="justify-content: space-between; align-items: center;">
            <label style="margin: 0;">{{ t('settings.catalog.hidden_title') }}</label>
            <button class="btn secondary" type="button" id="catalog-hidden-refresh">{{ t('settings.catalog.hidden_refresh') }}</button>
        </div>
        <div class="stat-label" style="margin-top: 8px;">
            <span>{{ t('settings.catalog.hidden_count') }}</span>: <span id="catalog-hidden-count">0</span>
        </div>
        <div id="catalog-hidden-list" class="card-list" style="margin-top: 10px;"></div>
    </div>
        </section>

        <section class="section settings-section" data-section="bep44">
    <h2>{{ t('settings.bep44.title') }}</h2>
    <p class="stat-label">{{ t('settings.bep44.subtitle') }}</p>
    <div class="grid two">
        <div class="field checkbox">
            <label for="bep44-enabled">{{ t('settings.bep44.enabled') }}</label>
            <input type="checkbox" id="bep44-enabled">
        </div>
        <div class="field">
            <label for="bep44-interval">{{ t('settings.bep44.put_interval') }}</label>
            <input type="number" id="bep44-interval" min="10" max="600" value="60">
        </div>
    </div>
    <div class="field">
        <label for="bep44-key-file">{{ t('settings.bep44.key_file') }}</label>
        <input type="text" id="bep44-key-file" placeholder="{{ t('settings.bep44.key_file_placeholder') }}">
    </div>
    <div class="grid two">
        <div class="field">
            <label for="bep44-salt">{{ t('settings.bep44.salt') }}</label>
            <input type="text" id="bep44-salt" placeholder="{{ t('settings.bep44.salt_placeholder') }}">
        </div>
        <div class="field">
            <label for="bep44-listen-port">{{ t('settings.bep44.listen_port') }}</label>
            <input type="number" id="bep44-listen-port" min="1" max="65535" value="6881">
        </div>
    </div>
    <div class="grid two">
        <div class="field">
            <label for="bep44-bootstrap-ip">{{ t('settings.bep44.bootstrap_ip') }}</label>
            <input type="text" id="bep44-bootstrap-ip" placeholder="127.0.0.1">
        </div>
        <div class="field">
            <label for="bep44-bootstrap-port">{{ t('settings.bep44.bootstrap_port') }}</label>
            <input type="number" id="bep44-bootstrap-port" min="1" max="65535" value="6881">
        </div>
    </div>
    <div class="field">
        <label for="bep44-routers">{{ t('settings.bep44.routers') }}</label>
        <textarea id="bep44-routers" rows="3" placeholder="{{ t('settings.bep44.routers_placeholder') }}"></textarea>
    </div>
    <div class="field" style="margin-top: 12px;">
        <div class="field-row">
            <button class="btn" type="button" id="bep44-key-generate">{{ t('settings.bep44.generate_key') }}</button>
        </div>
        <div class="stat-label" style="margin-top: 8px;">
            <span data-i18n="settings.bep44.key_file_status">{{ t('settings.bep44.key_file_status') }}</span>: <span class="mono" id="bep44-key-path">—</span>
        </div>
        <div class="stat-label" style="margin-top: 4px;">
            <span data-i18n="settings.bep44.public_key">{{ t('settings.bep44.public_key') }}</span>: <span class="mono" id="bep44-key-pub" style="cursor: pointer;" title="{{ t('settings.bep44.public_key_copy_title') }}">—</span>
        </div>
    </div>
    <div class="actions">
        <button class="btn secondary" type="button" id="bep44-save">{{ t('settings.bep44.save_settings') }}</button>
    </div>
    <div class="stat-label" style="margin-top: 16px;">{{ t('settings.bep44.get_title') }}</div>
    <div class="grid two">
        <div class="field checkbox">
            <label for="bep44-get-enabled">{{ t('settings.bep44.get_enabled') }}</label>
            <input type="checkbox" id="bep44-get-enabled">
        </div>
        <div class="field">
            <label for="bep44-get-interval">{{ t('settings.bep44.get_interval') }}</label>
            <input type="number" id="bep44-get-interval" min="10" max="600" value="30">
        </div>
    </div>
    <div class="field">
        <label for="bep44-get-pub">{{ t('settings.bep44.get_pub') }}</label>
        <input type="text" id="bep44-get-pub" placeholder="{{ t('settings.bep44.get_pub_placeholder') }}">
    </div>
    <div class="field">
        <label for="bep44-get-salts">{{ t('settings.bep44.get_salts') }}</label>
        <textarea id="bep44-get-salts" rows="3" placeholder="{{ t('settings.bep44.get_salts_placeholder') }}"></textarea>
    </div>
    <div class="grid two">
        <div class="field checkbox">
            <label for="bep44-get-auto-add">{{ t('settings.bep44.get_auto_add') }}</label>
            <input type="checkbox" id="bep44-get-auto-add">
        </div>
        <div class="field">
            <label for="bep44-get-qb-category">{{ t('settings.bep44.get_qb_category') }}</label>
            <input type="text" id="bep44-get-qb-category" placeholder="Gnomenall">
        </div>
    </div>
    <div class="grid two">
        <div class="field">
            <label for="bep44-get-qb-tags">{{ t('settings.bep44.get_qb_tags') }}</label>
            <input type="text" id="bep44-get-qb-tags" placeholder="GNomenall_CC">
        </div>
        <div class="field">
            <label for="bep44-get-qb-save-path">{{ t('settings.bep44.get_qb_save_path') }}</label>
            <input type="text" id="bep44-get-qb-save-path" placeholder="{{ app_root }}">
        </div>
    </div>
    <div class="actions" style="margin-top: 14px;">
        <button class="btn secondary settings-save-trigger" type="button">{{ t('settings.bep44.save_settings') }}</button>
    </div>
        </section>

        <section class="section settings-section" data-section="dht">
    <h2>{{ t('settings.dht_router.title') }}</h2>
    <p class="stat-label">{{ t('settings.dht_router.subtitle') }}</p>
    <div class="grid two">
        <div class="field checkbox">
            <label for="dht-router-enabled">{{ t('settings.dht_router.enabled') }}</label>
            <input type="checkbox" id="dht-router-enabled">
        </div>
        <div class="field">
            <label>{{ t('settings.dht_router.listen_port') }} ({{ t('settings.dht_router.from_bep44') }})</label>
            <input type="number" id="dht-router-listen" min="1" max="65535" disabled>
        </div>
    </div>
    <div class="field">
        <label for="dht-router-routers">{{ t('settings.dht_router.routers') }}</label>
        <textarea id="dht-router-routers" rows="3" placeholder="{{ t('settings.dht_router.routers_placeholder') }}"></textarea>
    </div>
    <div class="field">
        <label for="dht-router-public-ip">{{ t('settings.dht_router.public_ip') }}</label>
        <div class="field-row">
            <input type="text" id="dht-router-public-ip" placeholder="{{ t('settings.dht_router.public_ip_placeholder') }}">
            <button class="btn secondary" type="button" id="dht-router-detect">{{ t('settings.dht_router.detect_ip') }}</button>
        </div>
    </div>
    <div class="actions" style="margin-top: 14px;">
        <button class="btn secondary settings-save-trigger" type="button">{{ t('settings.app.save_settings') }}</button>
    </div>
        </section>

        <section class="section settings-section" data-section="routers">
    <h2>{{ t('settings.senate_routers.title') }}</h2>
    <p class="stat-label">{{ t('settings.senate_routers.subtitle') }}</p>
    <div class="field">
        <label for="senate-routers-file">{{ t('settings.senate_routers.file_path') }}</label>
        <input type="text" id="senate-routers-file" placeholder="{{ t('settings.senate_routers.file_placeholder') }}">
    </div>
    <div class="field">
        <label for="senate-routers-magnet">{{ t('settings.senate_routers.magnet') }}</label>
        <input type="text" id="senate-routers-magnet" placeholder="{{ t('settings.senate_routers.magnet_placeholder') }}">
    </div>
    <div class="field">
        <label for="senate-routers-seal">{{ t('settings.senate_routers.seal') }}</label>
        <input type="password" id="senate-routers-seal" placeholder="{{ t('settings.senate_routers.seal_placeholder') }}">
        <div class="stat-label" style="margin-top: 6px;">{{ t('settings.senate_routers.seal_hint') }}</div>
    </div>
    <div class="actions">
        <button class="btn" type="button" id="senate-routers-apply">{{ t('settings.senate_routers.apply') }}</button>
    </div>
        </section>
    </div>
</div>

{% endblock %}

{% block scripts %}
<script>
    const t = (key, fallback) => {
        if (window.GNOMENALL_UI && typeof window.GNOMENALL_UI.translate === 'function') {
            return window.GNOMENALL_UI.translate(key);
        }
        return fallback || key;
    };
    const identityUpdate = document.getElementById('identity-update');
    const identityRotate = document.getElementById('identity-rotate');
    const tgSave = document.getElementById('tg-save');
    const settingsSave = document.getElementById('settings-save');
    const catalogKeyGenerate = document.getElementById('catalog-key-generate');
    const catalogLocalInit = document.getElementById('catalog-local-init');
    const catalogMasterPassword = document.getElementById('catalog-master-password');
    const catalogHiddenRefresh = document.getElementById('catalog-hidden-refresh');
    const catalogHiddenList = document.getElementById('catalog-hidden-list');
    const catalogHiddenCount = document.getElementById('catalog-hidden-count');
    const bep44Enabled = document.getElementById('bep44-enabled');
    const bep44Interval = document.getElementById('bep44-interval');
    const bep44KeyFile = document.getElementById('bep44-key-file');
    const bep44Salt = document.getElementById('bep44-salt');
    const bep44ListenPort = document.getElementById('bep44-listen-port');
    const bep44BootstrapIp = document.getElementById('bep44-bootstrap-ip');
    const bep44BootstrapPort = document.getElementById('bep44-bootstrap-port');
    const bep44Routers = document.getElementById('bep44-routers');
    const bep44KeyGenerate = document.getElementById('bep44-key-generate');
    const bep44Save = document.getElementById('bep44-save');
    const qbitNoAuth = document.getElementById('qbit-no-auth');
    const bep44GetEnabled = document.getElementById('bep44-get-enabled');
    const bep44GetInterval = document.getElementById('bep44-get-interval');
    const bep44GetPub = document.getElementById('bep44-get-pub');
    const bep44GetSalts = document.getElementById('bep44-get-salts');
    const bep44GetAutoAdd = document.getElementById('bep44-get-auto-add');
    const bep44GetQbCategory = document.getElementById('bep44-get-qb-category');
    const bep44GetQbTags = document.getElementById('bep44-get-qb-tags');
    const bep44GetQbSavePath = document.getElementById('bep44-get-qb-save-path');
    const qbitDownloadPath = document.getElementById('qbit-download-path');
    const logPulse = document.getElementById('log-pulse');
    const logScsSync = document.getElementById('log-scs-sync');
    const logScsGetEmpty = document.getElementById('log-scs-get-empty');
    const logScsGetNochange = document.getElementById('log-scs-get-nochange');
    const logScsGetInvalid = document.getElementById('log-scs-get-invalid');
    const logBep44ScsGet = document.getElementById('log-bep44-scs-get');
    const logBep44Put = document.getElementById('log-bep44-put');
    const logStorageRetrieved = document.getElementById('log-storage-retrieved');
    const logTorrentforge = document.getElementById('log-torrentforge');
    const logNoticeSuccess = document.getElementById('log-notice-success');
    const dhtRouterEnabled = document.getElementById('dht-router-enabled');
    const dhtRouterListen = document.getElementById('dht-router-listen');
    const dhtRouterRouters = document.getElementById('dht-router-routers');
    const dhtRouterPublicIp = document.getElementById('dht-router-public-ip');
    const dhtRouterDetect = document.getElementById('dht-router-detect');
    const senateRoutersFile = document.getElementById('senate-routers-file');
    const senateRoutersMagnet = document.getElementById('senate-routers-magnet');
    const senateRoutersApply = document.getElementById('senate-routers-apply');
    const senateRoutersSeal = document.getElementById('senate-routers-seal');
    const settingsTabs = Array.from(document.querySelectorAll('.settings-tab'));
    const settingsSections = Array.from(document.querySelectorAll('.settings-section'));

    const attachDoubleClickCopy = (element, label) => {
        if (!element) return;
        element.addEventListener('dblclick', async () => {
            const text = (element.textContent || '').trim();
            if (!text || text === '—') {
                window.GNOMENALL_UI.pushLocalNotice('error', t('settings.notices.no_copy_value'));
                return;
            }
            try {
                if (navigator.clipboard && navigator.clipboard.writeText) {
                    await navigator.clipboard.writeText(text);
                } else {
                    const temp = document.createElement('textarea');
                    temp.value = text;
                    temp.style.position = 'fixed';
                    temp.style.opacity = '0';
                    document.body.appendChild(temp);
                    temp.focus();
                    temp.select();
                    document.execCommand('copy');
                    temp.remove();
                }
                window.GNOMENALL_UI.pushLocalNotice(
                    'success',
                    t('settings.notices.copy_success').replace('{label}', label)
                );
            } catch (err) {
                window.GNOMENALL_UI.pushLocalNotice('error', t('settings.notices.copy_error'));
            }
        });
    };

    const loadAppSettings = async () => {
        try {
            const response = await fetch('/api/settings');
            const data = await response.json();
            if (data.locale) document.getElementById('app-locale').value = data.locale;
            if (data.refresh_interval) document.getElementById('refresh-interval').value = data.refresh_interval;
            if (data.qbittorrent_watchdog_interval) document.getElementById('qbit-watchdog-interval').value = data.qbittorrent_watchdog_interval;
            if (data.preferred_media_dir) document.getElementById('preferred-media-dir').value = data.preferred_media_dir;
            if (data.qbittorrent_download_path) qbitDownloadPath.value = data.qbittorrent_download_path;
            if (data.qbittorrent_host) document.getElementById('qbit-host').value = data.qbittorrent_host;
            if (data.qbittorrent_port) document.getElementById('qbit-port').value = data.qbittorrent_port;
            if (data.qbittorrent_username) document.getElementById('qbit-user').value = data.qbittorrent_username;
            if (data.qbittorrent_password) document.getElementById('qbit-pass').value = data.qbittorrent_password;
            if (data.qbittorrent_no_auth !== undefined) qbitNoAuth.checked = !!data.qbittorrent_no_auth;
            if (data.bep44_enabled !== undefined) bep44Enabled.checked = !!data.bep44_enabled;
            if (data.bep44_put_interval) bep44Interval.value = data.bep44_put_interval;
            if (data.bep44_key_file) bep44KeyFile.value = data.bep44_key_file;
            if (data.bep44_salt) bep44Salt.value = data.bep44_salt;
            if (data.bep44_listen_port) bep44ListenPort.value = data.bep44_listen_port;
            if (data.bep44_bootstrap_ip) bep44BootstrapIp.value = data.bep44_bootstrap_ip;
            if (data.bep44_bootstrap_port) bep44BootstrapPort.value = data.bep44_bootstrap_port;
            if (data.bep44_routers) {
                if (Array.isArray(data.bep44_routers)) {
                    bep44Routers.value = data.bep44_routers.join('\n');
                } else {
                    bep44Routers.value = String(data.bep44_routers);
                }
            }
            if (data.bep44_get_enabled !== undefined) bep44GetEnabled.checked = !!data.bep44_get_enabled;
            if (data.bep44_get_interval) bep44GetInterval.value = data.bep44_get_interval;
            if (data.bep44_get_pub) bep44GetPub.value = data.bep44_get_pub;
            if (data.bep44_get_salts) {
                if (Array.isArray(data.bep44_get_salts)) {
                    bep44GetSalts.value = data.bep44_get_salts.join('\n');
                } else {
                    bep44GetSalts.value = String(data.bep44_get_salts);
                }
            } else if (data.bep44_get_salt) {
                bep44GetSalts.value = data.bep44_get_salt;
            }
            if (data.bep44_get_auto_add !== undefined) bep44GetAutoAdd.checked = !!data.bep44_get_auto_add;
            if (data.bep44_get_qb_category) bep44GetQbCategory.value = data.bep44_get_qb_category;
            if (data.bep44_get_qb_tags) bep44GetQbTags.value = data.bep44_get_qb_tags;
            if (data.bep44_get_qb_save_path) bep44GetQbSavePath.value = data.bep44_get_qb_save_path;
            if (data.dht_router_enabled !== undefined) dhtRouterEnabled.checked = !!data.dht_router_enabled;
            dhtRouterListen.value = data.bep44_listen_port || 6881;
            if (data.dht_router_routers) {
                if (Array.isArray(data.dht_router_routers)) {
                    dhtRouterRouters.value = data.dht_router_routers.join('\n');
                } else {
                    dhtRouterRouters.value = String(data.dht_router_routers);
                }
            }
            if (data.dht_router_public_ip) dhtRouterPublicIp.value = data.dht_router_public_ip;
            const logFlags = data.log_flags || {};
            if (logPulse) logPulse.checked = logFlags.pulse !== false;
            if (logScsSync) logScsSync.checked = logFlags.scs_sync !== false;
            if (logScsGetEmpty) logScsGetEmpty.checked = logFlags.scs_get_empty !== false;
            if (logScsGetNochange) logScsGetNochange.checked = logFlags.scs_get_nochange !== false;
            if (logScsGetInvalid) logScsGetInvalid.checked = logFlags.scs_get_invalid !== false;
            if (logBep44ScsGet) logBep44ScsGet.checked = logFlags.bep44_scs_get !== false;
            if (logBep44Put) logBep44Put.checked = logFlags.bep44_put !== false;
            if (logStorageRetrieved) logStorageRetrieved.checked = logFlags.storage_retrieved !== false;
            if (logTorrentforge) logTorrentforge.checked = logFlags.torrentforge !== false;
            if (logNoticeSuccess) logNoticeSuccess.checked = logFlags.notice_success !== false;
        } catch (err) {
            // ignore
        }
    };

    const loadCatalogMeta = async () => {
        try {
            const response = await fetch('/api/catalog/meta');
            const data = await response.json();
            const localMeta = data.local || {};
            const globalMeta = data.global || {};
            const keyInfo = data.catalog_key || {};

            document.getElementById('catalog-local-version').textContent = localMeta.version || '—';
            document.getElementById('catalog-global-version').textContent = globalMeta.version || '—';
            document.getElementById('catalog-local-path').textContent = localMeta.path || '—';
            document.getElementById('catalog-global-path').textContent = globalMeta.path || '—';

            const keyStatus = keyInfo.exists
                ? t('settings.catalog.status_present')
                : t('settings.catalog.status_missing');
            document.getElementById('catalog-key-status').textContent = keyStatus;
        } catch (err) {
            // ignore
        }
    };

    const loadBep44KeyStatus = async () => {
        try {
            const response = await fetch('/api/bep44/key/status');
            const data = await response.json();
            if (data.key_file) {
                document.getElementById('bep44-key-path').textContent = data.key_file;
            }
            if (data.pub) {
                document.getElementById('bep44-key-pub').textContent = data.pub;
            }
        } catch (err) {
            // ignore
        }
    };

    const loadCatalogLocalStatus = async () => {
        try {
            const response = await fetch('/api/catalog/local/status');
            const data = await response.json();
            if (data.exists) {
                document.getElementById('catalog-local-status').textContent = t('settings.catalog.status_present');
                document.getElementById('catalog-local-size').textContent = `${data.size || 0} ${t('settings.catalog.bytes')}`;
            } else {
                document.getElementById('catalog-local-status').textContent = t('settings.catalog.status_missing');
                document.getElementById('catalog-local-size').textContent = `0 ${t('settings.catalog.bytes')}`;
            }
        } catch (err) {
            // ignore
        }
    };

    const escapeHtml = (value) => String(value || '')
        .replaceAll('&', '&amp;')
        .replaceAll('<', '&lt;')
        .replaceAll('>', '&gt;')
        .replaceAll('"', '&quot;')
        .replaceAll("'", '&#39;');

    const renderHiddenCatalog = (items) => {
        if (!catalogHiddenList || !catalogHiddenCount) return;
        catalogHiddenCount.textContent = String(items.length || 0);
        if (!items.length) {
            catalogHiddenList.innerHTML = `<div class="stat-label">${t('settings.catalog.hidden_empty')}</div>`;
            return;
        }

        catalogHiddenList.innerHTML = items.map(item => {
            const title = escapeHtml(item.title || t('dashboard.publisher_unknown'));
            const publisher = escapeHtml(item.publisher || t('dashboard.publisher_unknown'));
            const itemId = escapeHtml(item.id || '');
            return `
                <div class="catalog-card" data-id="${itemId}">
                    <div class="catalog-meta">
                        <div>
                            <h3>${title}</h3>
                            <div class="mono">${publisher}</div>
                            <div class="mono">${itemId}</div>
                        </div>
                        <div class="actions">
                            <button class="btn secondary" data-action="restore-hidden" data-id="${itemId}">${t('settings.catalog.hidden_restore')}</button>
                        </div>
                    </div>
                </div>
            `;
        }).join('');
    };

    const loadHiddenCatalog = async () => {
        if (!catalogHiddenList) return;
        try {
            const response = await fetch('/api/catalog/hidden');
            const data = await response.json();
            if (!response.ok) {
                window.GNOMENALL_UI.pushLocalNotice('error', data.error || t('settings.notices.hidden_load_failed'));
                return;
            }
            renderHiddenCatalog(data.items || []);
        } catch (err) {
            window.GNOMENALL_UI.pushLocalNotice('error', t('settings.notices.hidden_load_failed'));
        }
    };

    loadAppSettings();
    loadCatalogMeta();
    loadCatalogLocalStatus();
    loadHiddenCatalog();
    loadBep44KeyStatus();

    attachDoubleClickCopy(document.getElementById('bep44-key-pub'), t('settings.bep44.public_key'));

    identityUpdate.addEventListener('click', async () => {
        const alias = document.getElementById('identity-alias').value.trim();
        if (!alias) {
            window.GNOMENALL_UI.pushLocalNotice('error', t('settings.notices.alias_required'));
            return;
        }
        try {
            const response = await fetch('/api/identity/update', {
                method: 'POST',
                headers: { 'Content-Type': 'application/json' },
                body: JSON.stringify({ alias })
            });
            const data = await response.json();
            if (!response.ok) {
                window.GNOMENALL_UI.pushLocalNotice(
                    'error',
                    data.error || t('settings.notices.update_failed')
                );
            } else {
                window.GNOMENALL_UI.pushLocalNotice(
                    'success',
                    data.message || t('settings.notices.update_success')
                );
                setTimeout(() => window.location.reload(), 800);
            }
        } catch (err) {
            window.GNOMENALL_UI.pushLocalNotice('error', t('settings.notices.update_error'));
        }
    });

    identityRotate.addEventListener('click', async () => {
        const confirmValue = document.getElementById('identity-rotate-confirm').value.trim();
        try {
            const response = await fetch('/api/identity/rotate', {
                method: 'POST',
                headers: { 'Content-Type': 'application/json' },
                body: JSON.stringify({ confirm: confirmValue })
            });
            const data = await response.json();
            if (!response.ok) {
                window.GNOMENALL_UI.pushLocalNotice(
                    'error',
                    data.error || t('settings.notices.rotate_failed')
                );
            } else {
                window.GNOMENALL_UI.pushLocalNotice(
                    'success',
                    data.message || t('settings.notices.rotate_success')
                );
                setTimeout(() => window.location.reload(), 800);
            }
        } catch (err) {
            window.GNOMENALL_UI.pushLocalNotice('error', t('settings.notices.rotate_error'));
        }
    });

    tgSave.addEventListener('click', async () => {
        const token = document.getElementById('tg-bot-token').value.trim();
        const chatId = document.getElementById('tg-chat-id').value.trim();
        const masterPassword = document.getElementById('tg-master-password').value.trim();
        if (!token || !masterPassword) {
            window.GNOMENALL_UI.pushLocalNotice('error', t('settings.notices.telegram_missing'));
            return;
        }
        const credentialValue = JSON.stringify({ bot_token: token, chat_id: chatId });
        try {
            const response = await fetch('/api/vault/credentials', {
                method: 'POST',
                headers: { 'Content-Type': 'application/json' },
                body: JSON.stringify({
                    credential_type: 'telegram_bot',
                    credential_value: credentialValue,
                    master_password: masterPassword
                })
            });
            const data = await response.json();
            if (!response.ok) {
                window.GNOMENALL_UI.pushLocalNotice(
                    'error',
                    data.error || t('settings.notices.telegram_save_failed')
                );
            } else {
                window.GNOMENALL_UI.pushLocalNotice(
                    'success',
                    data.message || t('settings.notices.telegram_save_success')
                );
            }
        } catch (err) {
            window.GNOMENALL_UI.pushLocalNotice('error', t('settings.notices.telegram_save_error'));
        }
    });

    // Session Tab
    const sessionInstall = document.getElementById('session-install');
    const sessionStart = document.getElementById('session-start');
    const sessionStop = document.getElementById('session-stop');
    const sessionRefresh = document.getElementById('session-refresh');
    const sessionTest = document.getElementById('session-test');
    const sessionAddContactBtn = document.getElementById('session-add-contact-btn');

    const loadSessionSettings = async () => {
        try {
            const response = await fetch('/api/settings');
            const data = await response.json();
            if (data.session_bot_host) document.getElementById('session-bot-host').value = data.session_bot_host;
            if (data.session_bot_port) document.getElementById('session-bot-port').value = data.session_bot_port;
        } catch (err) {}
    };

    const refreshSessionStatus = async () => {
        const host = document.getElementById('session-bot-host').value || 'localhost';
        const port = document.getElementById('session-bot-port').value || '9876';
        
        // Check manager status first
        try {
            const mgrResponse = await fetch('/api/session/manager/status');
            const mgrData = await mgrResponse.json();
            
            const bunStatusEl = document.getElementById('session-bun-status');
            const botStatusEl = document.getElementById('session-bot-status');
            const idEl = document.getElementById('session-id');
            const contactsCountEl = document.getElementById('session-contacts-count');
            const contactsEl = document.getElementById('session-contacts-list');
            
            if (mgrData.bunInstalled) {
                bunStatusEl.textContent = '✅ Инсталиран';
            } else {
                bunStatusEl.textContent = '❌ Липсва';
            }
            
            if (mgrData.running) {
                botStatusEl.textContent = '🟢 Работи';
            } else if (mgrData.botInstalled) {
                botStatusEl.textContent = '⏹️ Спрян';
            } else {
                botStatusEl.textContent = '❌ Неинсталиран';
            }
        } catch (err) {
            document.getElementById('session-bun-status').textContent = '❌ Грешка';
        }
        
        // Then try health check
        try {
            const response = await fetch(`/api/session/health`);
            const data = await response.json();
            
            const idEl = document.getElementById('session-id');
            const contactsCountEl = document.getElementById('session-contacts-count');
            const contactsEl = document.getElementById('session-contacts-list');
            
            if (data.success) {
                idEl.textContent = data.sessionId ? data.sessionId.substring(0, 16) + '...' : '-';
                idEl.setAttribute('data-full-id', data.sessionId || '');
                contactsCountEl.textContent = data.contactsCount || 0;
                
                if (data.contacts && data.contacts.length > 0) {
                    contactsEl.innerHTML = data.contacts.map(c => 
                        `<div class="grid" style="margin-top:4px;">
                            <code class="mono" style="font-size:11px;">${c.substring(0, 16)}...</code>
                            <button class="btn danger" style="padding:2px 8px;font-size:11px;" onclick="removeSessionContact('${c}')">X</button>
                        </div>`
                    ).join('');
                } else {
                    contactsEl.innerHTML = '<p class="stat-label">Няма контакти</p>';
                }
            } else {
                idEl.textContent = '-';
                contactsCountEl.textContent = '0';
                contactsEl.innerHTML = '<p class="stat-label">Ботът не работи</p>';
            }
        } catch (err) {
            document.getElementById('session-id').textContent = '-';
            document.getElementById('session-contacts-count').textContent = '0';
        }
    };

    // Copy Session ID button
    const sessionCopyIdBtn = document.getElementById('session-copy-id');
    if (sessionCopyIdBtn) {
        sessionCopyIdBtn.addEventListener('click', async () => {
            const sessionIdEl = document.getElementById('session-id');
            const fullId = sessionIdEl.getAttribute('data-full-id');
            if (fullId) {
                try {
                    await navigator.clipboard.writeText(fullId);
                    window.GNOMENALL_UI.pushLocalNotice('success', 'Session ID копиран в клипборда!');
                } catch (err) {
                    window.GNOMENALL_UI.pushLocalNotice('error', 'Грешка при копиране');
                }
            } else {
                window.GNOMENALL_UI.pushLocalNotice('error', 'Няма Session ID');
            }
        });
    }

    window.removeSessionContact = async (sessionId) => {
        try {
            const response = await fetch('/api/session/contacts/remove', {
                method: 'POST',
                headers: { 'Content-Type': 'application/json' },
                body: JSON.stringify({ sessionId })
            });
            const data = await response.json();
            if (data.success) {
                window.GNOMENALL_UI.pushLocalNotice('success', 'Контактът е премахнат');
                refreshSessionStatus();
            } else {
                window.GNOMENALL_UI.pushLocalNotice('error', 'Грешка');
            }
        } catch (err) {
            window.GNOMENALL_UI.pushLocalNotice('error', 'Грешка');
        }
    };

    // Install button
    if (sessionInstall) {
        sessionInstall.addEventListener('click', async () => {
            window.GNOMENALL_UI.pushLocalNotice('info', 'Инсталиране на Session Bot...');
            try {
                const response = await fetch('/api/session/manager/install', { method: 'POST' });
                const data = await response.json();
                if (data.success) {
                    window.GNOMENALL_UI.pushLocalNotice('success', data.message || 'Инсталирано!');
                    refreshSessionStatus();
                } else {
                    window.GNOMENALL_UI.pushLocalNotice('error', data.error || 'Грешка');
                }
            } catch (err) {
                window.GNOMENALL_UI.pushLocalNotice('error', 'Грешка при инсталация');
            }
        });
    }

    // Start button
    if (sessionStart) {
        sessionStart.addEventListener('click', async () => {
            window.GNOMENALL_UI.pushLocalNotice('info', 'Стартиране на Session Bot...');
            const port = parseInt(document.getElementById('session-bot-port').value) || 9876;
            try {
                const response = await fetch('/api/session/manager/start', {
                    method: 'POST',
                    headers: { 'Content-Type': 'application/json' },
                    body: JSON.stringify({ port: port })
                });
                const data = await response.json();
                if (data.success) {
                    window.GNOMENALL_UI.pushLocalNotice('success', data.message || 'Стартирано!');
                    setTimeout(refreshSessionStatus, 2000);
                } else {
                    window.GNOMENALL_UI.pushLocalNotice('error', data.error || 'Грешка');
                }
            } catch (err) {
                window.GNOMENALL_UI.pushLocalNotice('error', 'Грешка при стартиране');
            }
        });
    }

    // Stop button
    if (sessionStop) {
        sessionStop.addEventListener('click', async () => {
            window.GNOMENALL_UI.pushLocalNotice('info', 'Спиране на Session Bot...');
            try {
                const response = await fetch('/api/session/manager/stop', { method: 'POST' });
                const data = await response.json();
                if (data.success) {
                    window.GNOMENALL_UI.pushLocalNotice('success', 'Спряно!');
                    refreshSessionStatus();
                } else {
                    window.GNOMENALL_UI.pushLocalNotice('error', data.error || 'Грешка');
                }
            } catch (err) {
                window.GNOMENALL_UI.pushLocalNotice('error', 'Грешка при спиране');
            }
        });
    }

    if (sessionRefresh) {
        sessionRefresh.addEventListener('click', refreshSessionStatus);
    }

    if (sessionTest) {
        sessionTest.addEventListener('click', async () => {
            window.GNOMENALL_UI.pushLocalNotice('info', 'Изпраща тестово съобщение...');
            try {
                const response = await fetch('/api/session/test', { method: 'POST' });
                const data = await response.json();
                if (data.success) {
                    window.GNOMENALL_UI.pushLocalNotice('success', 'Съобщението е изпратено!');
                } else {
                    window.GNOMENALL_UI.pushLocalNotice('error', 'Грешка: ' + (data.error || 'Unknown'));
                }
            } catch (err) {
                window.GNOMENALL_UI.pushLocalNotice('error', 'Грешка при връзката');
            }
        });
    }

    if (sessionAddContactBtn) {
        sessionAddContactBtn.addEventListener('click', async () => {
            let sessionId = document.getElementById('session-add-contact').value.trim();
            // Remove spaces and common separators
            sessionId = sessionId.replace(/[\s\-_\.]/g, '');
            
            // Session ID is 66 chars, but 64 is also valid
            if (!sessionId || (sessionId.length !== 64 && sessionId.length !== 66)) {
                window.GNOMENALL_UI.pushLocalNotice('error', 'Невалидно Session ID (трябва 64 или 66 символа)');
                return;
            }
            try {
                const response = await fetch('/api/session/contacts/add', {
                    method: 'POST',
                    headers: { 'Content-Type': 'application/json' },
                    body: JSON.stringify({ sessionId })
                });
                const data = await response.json();
                if (data.success) {
                    window.GNOMENALL_UI.pushLocalNotice('success', 'Контактът е добавен');
                    document.getElementById('session-add-contact').value = '';
                    refreshSessionStatus();
                } else {
                    window.GNOMENALL_UI.pushLocalNotice('error', 'Грешка');
                }
            } catch (err) {
                window.GNOMENALL_UI.pushLocalNotice('error', 'Грешка');
            }
        });
    }

    settingsSave.addEventListener('click', async () => {
        const getTextValue = (element, fallback) => {
            if (!element) return fallback || '';
            const value = (element.value || '').trim();
            if (value) return value;
            const placeholder = (element.getAttribute('placeholder') || '').trim();
            return placeholder || fallback || '';
        };

        const getTextValueRaw = (element) => {
            if (!element) return '';
            return (element.value || '').trim();
        };

        const getNumberValue = (element, fallback) => {
            if (!element) return fallback;
            const raw = (element.value || '').trim();
            if (raw) {
                const num = Number(raw);
                if (!Number.isNaN(num)) return num;
            }
            const placeholder = (element.getAttribute('placeholder') || '').trim();
            if (placeholder) {
                const pnum = Number(placeholder);
                if (!Number.isNaN(pnum)) return pnum;
            }
            return fallback;
        };

        const locale = getTextValue(document.getElementById('app-locale'), 'bg');
        const refreshInterval = getNumberValue(document.getElementById('refresh-interval'), 60);
        const watchdogInterval = getNumberValue(document.getElementById('qbit-watchdog-interval'), 12);
        const preferredMediaDir = getTextValue(document.getElementById('preferred-media-dir'), '');
        const qbDownloadPath = getTextValueRaw(qbitDownloadPath);
        const qbHost = getTextValue(document.getElementById('qbit-host'), 'localhost');
        const qbPort = String(getNumberValue(document.getElementById('qbit-port'), 7878));
        const qbUser = getTextValue(document.getElementById('qbit-user'), '');
        const qbPass = getTextValue(document.getElementById('qbit-pass'), '');
        const bep44RoutersValue = bep44Routers.value || '';
        const bep44RoutersList = bep44RoutersValue
            .split('\n')
            .map(line => line.trim())
            .filter(Boolean);
        const bep44SaltsValue = bep44GetSalts ? (bep44GetSalts.value || '') : '';
            const bep44SaltsList = bep44SaltsValue
                .replace(/,/g, '\n')
                .split('\n')
                .map(line => line.trim())
                .filter(Boolean);
            const bep44PrimarySalt = bep44SaltsList[0] || 'gnomenall-catalog';
            const dhtRouterRoutersValue = dhtRouterRouters ? (dhtRouterRouters.value || '') : '';
            const dhtRouterRoutersList = dhtRouterRoutersValue
                .split('\n')
                .map(line => line.trim())
                .filter(Boolean);
            const logFlags = {
                pulse: !!(logPulse && logPulse.checked),
                scs_sync: !!(logScsSync && logScsSync.checked),
                scs_get_empty: !!(logScsGetEmpty && logScsGetEmpty.checked),
                scs_get_nochange: !!(logScsGetNochange && logScsGetNochange.checked),
                scs_get_invalid: !!(logScsGetInvalid && logScsGetInvalid.checked),
                bep44_scs_get: !!(logBep44ScsGet && logBep44ScsGet.checked),
                bep44_put: !!(logBep44Put && logBep44Put.checked),
                storage_retrieved: !!(logStorageRetrieved && logStorageRetrieved.checked),
                torrentforge: !!(logTorrentforge && logTorrentforge.checked),
                notice_success: !!(logNoticeSuccess && logNoticeSuccess.checked)
            };
            try {
                const response = await fetch('/api/settings/update', {
                    method: 'POST',
                    headers: { 'Content-Type': 'application/json' },
                    body: JSON.stringify({
                        locale,
                        refresh_interval: refreshInterval,
                        qbittorrent_watchdog_interval: watchdogInterval,
                        preferred_media_dir: preferredMediaDir,
                        qbittorrent_download_path: qbDownloadPath,
                        qbittorrent_host: qbHost,
                        qbittorrent_port: qbPort,
                        qbittorrent_username: qbUser,
                        qbittorrent_password: qbPass,
                        qbittorrent_no_auth: qbitNoAuth.checked,
                        bep44_enabled: bep44Enabled.checked,
                        bep44_put_interval: getNumberValue(bep44Interval, 60),
                        bep44_key_file: getTextValue(bep44KeyFile, 'data\\bep44_key.json'),
                        bep44_salt: getTextValue(bep44Salt, 'gnomenall-catalog'),
                        bep44_listen_port: getNumberValue(bep44ListenPort, 6881),
                        bep44_bootstrap_ip: getTextValue(bep44BootstrapIp, '127.0.0.1'),
                        bep44_bootstrap_port: getNumberValue(bep44BootstrapPort, 6881),
                        bep44_routers: bep44RoutersList,
                        bep44_get_enabled: bep44GetEnabled.checked,
                        bep44_get_interval: getNumberValue(bep44GetInterval, 30),
                        bep44_get_pub: getTextValue(bep44GetPub, ''),
                        bep44_get_salt: bep44PrimarySalt,
                        bep44_get_salts: bep44SaltsList,
                        bep44_get_auto_add: bep44GetAutoAdd.checked,
                        bep44_get_qb_category: getTextValue(bep44GetQbCategory, 'Gnomenall'),
                        bep44_get_qb_tags: getTextValue(bep44GetQbTags, 'GNomenall_CC'),
                        bep44_get_qb_save_path: getTextValueRaw(bep44GetQbSavePath),
                        dht_router_enabled: !!(dhtRouterEnabled && dhtRouterEnabled.checked),
                        dht_router_routers: dhtRouterRoutersList,
                        dht_router_public_ip: getTextValueRaw(dhtRouterPublicIp),
                        log_flags: logFlags
                    })
                });
                const data = await response.json();
                if (!response.ok) {
                    window.GNOMENALL_UI.pushLocalNotice(
                        'error',
                        data.detail || data.error || t('settings.notices.save_failed')
                    );
                    return;
                }
                window.GNOMENALL_UI.pushLocalNotice(
                    'success',
                    data.detail || t('settings.notices.save_success')
                );
            } catch (err) {
                window.GNOMENALL_UI.pushLocalNotice('error', t('settings.notices.save_error'));
            }
        });

    // Note: dht_router_listen_port removed - uses bep44_listen_port

    const updateCatalogButtonAvailability = () => {
        const hasPassword = catalogMasterPassword.value.trim().length > 0;
        if (hasPassword) {
            setCatalogButtonState('ready');
            catalogLocalInit.disabled = false;
        } else {
            setCatalogButtonState('disabled');
            catalogLocalInit.disabled = true;
        }
    };

    catalogMasterPassword.addEventListener('input', updateCatalogButtonAvailability);
    updateCatalogButtonAvailability();

    catalogKeyGenerate.addEventListener('click', async () => {
        const masterPassword = catalogMasterPassword.value.trim();
        if (!masterPassword) {
            window.GNOMENALL_UI.pushLocalNotice('error', t('settings.notices.master_password_required'));
            return;
        }
        try {
            setCatalogButtonState('loading');
            const response = await fetch('/api/catalog/key/generate', {
                method: 'POST',
                headers: { 'Content-Type': 'application/json' },
                body: JSON.stringify({ master_password: masterPassword })
            });
            const data = await response.json();
            if (!response.ok) {
                window.GNOMENALL_UI.pushLocalNotice(
                    'error',
                    data.error || t('settings.notices.catalog_key_generate_failed')
                );
                setCatalogButtonState('ready');
                return;
            }
            document.getElementById('catalog-key-fingerprint').textContent = data.fingerprint || '—';
            document.getElementById('catalog-key-status').textContent = t('settings.catalog.status_present');
            window.GNOMENALL_UI.pushLocalNotice(
                'success',
                data.message || t('settings.notices.catalog_key_generate_success')
            );
            setCatalogButtonState('ready', t('settings.catalog.generate_key'));
        } catch (err) {
            window.GNOMENALL_UI.pushLocalNotice('error', t('settings.notices.catalog_key_generate_error'));
            setCatalogButtonState('ready');
        }
    });

    catalogLocalInit.addEventListener('click', async () => {
        const masterPassword = catalogMasterPassword.value.trim();
        if (!masterPassword) {
            window.GNOMENALL_UI.pushLocalNotice('error', t('settings.notices.master_password_required'));
            return;
        }
        try {
            catalogLocalInit.disabled = true;
            const originalLabel = catalogLocalInit.textContent;
            catalogLocalInit.textContent = t('settings.labels.initializing');
            const response = await fetch('/api/catalog/local/init', {
                method: 'POST',
                headers: { 'Content-Type': 'application/json' },
                body: JSON.stringify({ master_password: masterPassword })
            });
            const data = await response.json();
            if (!response.ok) {
                window.GNOMENALL_UI.pushLocalNotice(
                    'error',
                    data.error || t('settings.notices.catalog_init_failed')
                );
                catalogLocalInit.textContent = originalLabel;
                catalogLocalInit.disabled = false;
                return;
            }
            document.getElementById('catalog-local-status').textContent = t('settings.catalog.status_present');
            document.getElementById('catalog-local-size').textContent = `${data.size || 0} ${t('settings.catalog.bytes')}`;
            window.GNOMENALL_UI.pushLocalNotice(
                'success',
                data.message || t('settings.notices.catalog_init_success')
            );
            catalogLocalInit.textContent = originalLabel;
            catalogLocalInit.disabled = false;
        } catch (err) {
            window.GNOMENALL_UI.pushLocalNotice('error', t('settings.notices.catalog_init_error'));
            catalogLocalInit.disabled = false;
            catalogLocalInit.textContent = t('settings.catalog.init_local');
        }
    });

    if (catalogHiddenRefresh) {
        catalogHiddenRefresh.addEventListener('click', loadHiddenCatalog);
    }

    if (catalogHiddenList) {
        catalogHiddenList.addEventListener('click', async (event) => {
            const button = event.target.closest('button[data-action="restore-hidden"]');
            if (!button) return;
            const itemId = (button.dataset.id || '').trim();
            if (!itemId) return;

            const originalText = button.textContent;
            button.disabled = true;
            try {
                const response = await fetch(`/api/items/${itemId}/restore`, { method: 'POST' });
                const data = await response.json();
                if (!response.ok) {
                    window.GNOMENALL_UI.pushLocalNotice('error', data.error || t('settings.notices.hidden_restore_failed'));
                    return;
                }
                window.GNOMENALL_UI.pushLocalNotice('success', data.message || t('settings.notices.hidden_restore_success'));
                await loadHiddenCatalog();
            } catch (err) {
                window.GNOMENALL_UI.pushLocalNotice('error', t('settings.notices.hidden_restore_failed'));
            } finally {
                button.disabled = false;
                button.textContent = originalText;
            }
        });
    }

    bep44KeyGenerate.addEventListener('click', async () => {
        const originalLabel = bep44KeyGenerate.textContent;
        try {
            bep44KeyGenerate.disabled = true;
            bep44KeyGenerate.textContent = t('settings.labels.generating');
            const response = await fetch('/api/bep44/key/generate', {
                method: 'POST',
                headers: { 'Content-Type': 'application/json' },
                body: JSON.stringify({ salt: bep44Salt.value.trim() })
            });
            const data = await response.json();
            if (!response.ok) {
                window.GNOMENALL_UI.pushLocalNotice(
                    'error',
                    data.error || t('settings.notices.bep44_key_generate_failed')
                );
                return;
            }
            document.getElementById('bep44-key-path').textContent = data.key_file || '—';
            document.getElementById('bep44-key-pub').textContent = data.pub || '—';
            window.GNOMENALL_UI.pushLocalNotice(
                'success',
                data.message || t('settings.notices.bep44_key_generate_success')
            );
        } catch (err) {
            window.GNOMENALL_UI.pushLocalNotice('error', t('settings.notices.bep44_key_generate_error'));
        } finally {
            bep44KeyGenerate.disabled = false;
            bep44KeyGenerate.textContent = originalLabel;
        }
    });

    document.getElementById('qbit-test').addEventListener('click', async () => {
        try {
            const response = await fetch('/api/qbittorrent/test', { method: 'POST' });
            const data = await response.json();
            if (!response.ok || !data.success) {
                window.GNOMENALL_UI.pushLocalNotice(
                    'error',
                    data.error || t('settings.notices.qb_test_failed')
                );
            } else {
                window.GNOMENALL_UI.pushLocalNotice(
                    'success',
                    data.message || t('settings.notices.qb_test_success')
                );
            }
        } catch (err) {
            window.GNOMENALL_UI.pushLocalNotice('error', t('settings.notices.qb_test_error'));
        }
    });

    if (dhtRouterDetect) {
        dhtRouterDetect.addEventListener('click', async () => {
            try {
                const response = await fetch('/api/network/public_ip');
                const data = await response.json();
                if (!response.ok) {
                    window.GNOMENALL_UI.pushLocalNotice(
                        'error',
                        data.error || t('settings.notices.public_ip_failed')
                    );
                    return;
                }
                if (data.ip) {
                    dhtRouterPublicIp.value = data.ip;
                    window.GNOMENALL_UI.pushLocalNotice(
                        'success',
                        t('settings.notices.public_ip_success')
                    );
                }
            } catch (err) {
                window.GNOMENALL_UI.pushLocalNotice('error', t('settings.notices.public_ip_failed'));
            }
        });
    }

    const activateSection = (sectionName) => {
        settingsTabs.forEach(tab => {
            tab.classList.toggle('active', tab.dataset.section === sectionName);
        });
        settingsSections.forEach(section => {
            section.classList.toggle('active', section.dataset.section === sectionName);
        });
    };

    if (settingsTabs.length && settingsSections.length) {
        document.body.classList.add('js-tabs');
        settingsTabs.forEach(tab => {
            tab.addEventListener('click', () => {
                const name = tab.dataset.section;
                if (name) {
                    activateSection(name);
                    history.replaceState(null, '', `#${name}`);
                }
            });
        });
        const initial = location.hash ? location.hash.slice(1) : settingsTabs[0].dataset.section;
        activateSection(initial || settingsTabs[0].dataset.section);
    }

    const saveTriggers = document.querySelectorAll('.settings-save-trigger');
    if (saveTriggers.length && settingsSave) {
        saveTriggers.forEach(btn => {
            btn.addEventListener('click', () => settingsSave.click());
        });
    }

    if (senateRoutersApply) {
        senateRoutersApply.addEventListener('click', async () => {
            const filePath = (senateRoutersFile?.value || '').trim();
            const magnet = (senateRoutersMagnet?.value || '').trim();
            const sealPass = (senateRoutersSeal?.value || '').trim();
            if (!filePath && !magnet) {
                window.GNOMENALL_UI.pushLocalNotice('error', t('settings.notices.router_list_missing'));
                return;
            }
            try {
                const response = await fetch('/api/senate/routers/apply', {
                    method: 'POST',
                    headers: { 'Content-Type': 'application/json' },
                    body: JSON.stringify({ file_path: filePath, magnet, seal_pass: sealPass })
                });
                const data = await response.json();
                if (!response.ok) {
                    window.GNOMENALL_UI.pushLocalNotice(
                        'error',
                        data.error || t('settings.notices.router_list_failed')
                    );
                    return;
                }
                window.GNOMENALL_UI.pushLocalNotice(
                    'success',
                    t('settings.notices.router_list_success')
                );
            } catch (err) {
                window.GNOMENALL_UI.pushLocalNotice('error', t('settings.notices.router_list_failed'));
            }
        });
    }

</script>
{% endblock %}