{% extends "base.html" %}

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

{% block content %}
{% if vault_state.state != 'UNLOCKED' %}
<section class="section">
    <div class="notice-item">
        <span class="notice-level warn">LOCKED</span>
        <span>{{ t('senate.locked_title') }}. {{ t('senate.locked_hint') }}</span>
    </div>
</section>
{% endif %}
<section class="section">
    <h2>{{ t('senate.title') }}</h2>
    <p class="stat-label">{{ t('senate.subtitle') }}</p>

    {% if is_senator %}
    <div class="chip unlocked">{{ t('senate.status_senator') }}</div>
    {% elif has_application %}
    <div class="chip">{{ t('senate.status_applied') }}</div>
    {% else %}
    <div class="actions">
        <button class="btn" type="button" id="apply-btn">{{ t('senate.actions.apply') }}</button>
    </div>
    {% endif %}
</section>

<section class="section">
    <h2>{{ t('senate.sections.seal') }}</h2>
    <p class="stat-label">{{ t('senate.seal.subtitle') }}</p>
    <div class="seal-display">
        <button class="seal-token tooltip" type="button" id="seal-token" data-tip="" aria-label="{{ t('base.actions.copy') }}">
            <img id="seal-image" src="/static/images/seal-personal.svg" alt="">
        </button>
        <div>
            <button class="btn secondary" type="button" id="scs-card-copy">{{ t('senate.seal.copy_scs_card') }}</button>
            <div class="stat-label" style="margin-top: 6px;">{{ t('senate.seal.scs_card_hint') }}</div>
            <div class="stat-label" id="scs-card-profile" style="margin-top: 4px;"></div>
        </div>
    </div>
    <div class="field">
        <label for="seal-receiver">{{ t('senate.seal.counterpart_pub') }}</label>
        <input type="text" id="seal-receiver" placeholder="{{ t('senate.seal.counterpart_placeholder') }}">
    </div>
    <div class="field">
        <label for="scs-card-input">{{ t('senate.seal.scs_card_input') }}</label>
        <div class="field-row textarea">
            <textarea id="scs-card-input" rows="4" placeholder="{{ t('senate.seal.scs_card_placeholder') }}"></textarea>
            <span class="icon-overlay" id="scs-card-apply" data-tip="{{ t('senate.seal.scs_card_apply') }}">⤓</span>
        </div>
        <div class="stat-label" id="scs-card-status" style="margin-top: 6px;"></div>
    </div>
    <div class="grid two">
        <div class="field">
            <label for="seal-refusal-hash">{{ t('senate.seal.refusal_hash') }}</label>
            <div class="field-row">
                <input type="text" id="seal-refusal-hash" placeholder="{{ t('senate.seal.refusal_placeholder') }}">
                <button class="btn secondary" type="button" id="seal-copy-refusal">{{ t('base.actions.copy') }}</button>
            </div>
        </div>
        <div class="field">
            <label for="seal-salt">{{ t('senate.seal.seal_salt') }}</label>
            <input type="text" id="seal-salt" value="gnomenall-catalog">
        </div>
    </div>
    <div class="grid two">
        <div class="field">
            <label for="seal-exchange-salt">{{ t('senate.seal.exchange_salt') }}</label>
            <input type="text" id="seal-exchange-salt" value="gnomenall-seal-exchange">
        </div>
        <div class="field">
            <label for="seal-pass">{{ t('senate.seal.passphrase') }}</label>
            <input type="password" id="seal-pass" placeholder="{{ t('senate.seal.passphrase_placeholder') }}">
        </div>
    </div>
    <div class="field">
        <label for="seal-payload">{{ t('senate.seal.payload') }}</label>
        <div class="field-row textarea">
            <textarea id="seal-payload" rows="4" placeholder="{{ t('senate.seal.payload_placeholder') }}"></textarea>
            <span class="icon-overlay" id="seal-copy-payload" data-tip="{{ t('base.actions.copy') }}">⧉</span>
        </div>
    </div>
    <div class="actions" style="gap: 10px; flex-wrap: wrap;">
        <button class="btn secondary" type="button" id="seal-invite">{{ t('senate.seal.invite') }}</button>
        <button class="btn secondary" type="button" id="seal-refusal">{{ t('senate.seal.refusal') }}</button>
        <button class="btn" type="button" id="seal-keyshare">{{ t('senate.seal.keyshare') }}</button>
        <button class="btn" type="button" id="seal-apply">{{ t('senate.seal.apply') }}</button>
    </div>
    <div class="stat-label" id="seal-status" style="margin-top: 10px;"></div>
</section>

<section class="section">
    <h2>{{ t('senate.sections.messages') }}</h2>
    <div class="field" style="margin-bottom: 12px;">
        <label for="scs-message">{{ t('senate.scs.label') }}</label>
        <textarea id="scs-message" name="scs_message" rows="3" placeholder="{{ t('senate.scs.placeholder') }}"></textarea>
        <div class="actions" style="margin-top: 8px;">
            <button class="btn" type="button" id="scs-send">{{ t('senate.actions.send') }}</button>
        </div>
    </div>
    <div class="section" style="margin-bottom: 12px;">
        <div class="stat-value">{{ t('senate.scs_inbox.title') }}</div>
        <div class="stat-label" style="margin-top: 4px;">{{ t('senate.scs_inbox.subtitle') }}</div>
        <div class="stat-label" id="scs-inbox-meta" style="margin-top: 10px;"></div>
        <div class="stat-value" id="scs-inbox-message" style="margin-top: 6px;">{{ t('senate.scs_inbox.empty') }}</div>
        <div class="stat-label" id="scs-inbox-time" style="margin-top: 6px;"></div>
        <div class="actions" style="margin-top: 10px;">
            <button class="btn secondary" type="button" id="scs-refresh">{{ t('senate.actions.refresh') }}</button>
        </div>
    </div>
</section>

<section class="section">
    <h2>{{ t('senate.sections.add') }}</h2>
    <form id="add-senator-form">
        <div class="field">
            <label for="senator-public-key">{{ t('senate.form.public_key') }}</label>
            <textarea id="senator-public-key" name="public_key" rows="3" required></textarea>
        </div>
        <div class="grid two">
            <div class="field">
                <label for="senator-alias">{{ t('senate.form.alias') }}</label>
                <input type="text" id="senator-alias" name="alias" required>
            </div>
            <div class="field">
                <label for="senator-weight">{{ t('senate.form.weight') }}</label>
                <input type="number" id="senator-weight" name="weight" min="1" max="10" value="1">
            </div>
        </div>
        <div class="actions">
            <button class="btn" type="submit">{{ t('senate.actions.add') }}</button>
        </div>
    </form>
</section>

<section class="section">
    <h2 data-i18n-format="senate.active_format" data-i18n-count="{{ senators|length|string }}">{{ t('senate.active_format') | replace('{count}', senators|length|string) }}</h2>
    {% if senators %}
    <div class="card-list">
        {% for senator in senators %}
        <div class="section" style="margin-bottom: 12px;">
            <div class="stat-value">{{ senator.alias or t('senate.fields.unknown') }}</div>
            <div class="stat-label">{{ t('senate.fields.weight') }}: {{ senator.get('weight', 1) }}</div>
            <div class="stat-label">{{ t('senate.fields.added') }}: {{ senator.added_at }}</div>
            <div class="actions" style="margin-top: 10px;">
                <button class="btn danger" type="button" data-remove="{{ senator.public_key }}">{{ t('senate.actions.remove') }}</button>
            </div>
        </div>
        {% endfor %}
    </div>
    {% else %}
    <div class="stat-label">{{ t('senate.empty') }}</div>
    {% endif %}
</section>
{% endblock %}

{% block scripts %}
<script>
    const applyBtn = document.getElementById('apply-btn');
    const addForm = document.getElementById('add-senator-form');
    const scsField = document.getElementById('scs-message');
    const scsSend = document.getElementById('scs-send');
    const scsInboxMessage = document.getElementById('scs-inbox-message');
    const scsInboxMeta = document.getElementById('scs-inbox-meta');
    const scsInboxTime = document.getElementById('scs-inbox-time');
    const scsRefresh = document.getElementById('scs-refresh');
    const sealReceiver = document.getElementById('seal-receiver');
    const sealRefusalHash = document.getElementById('seal-refusal-hash');
    const sealSalt = document.getElementById('seal-salt');
    const sealExchangeSalt = document.getElementById('seal-exchange-salt');
    const sealPass = document.getElementById('seal-pass');
    const sealPayload = document.getElementById('seal-payload');
    const sealInvite = document.getElementById('seal-invite');
    const sealRefusal = document.getElementById('seal-refusal');
    const sealKeyshare = document.getElementById('seal-keyshare');
    const sealApply = document.getElementById('seal-apply');
    const sealStatus = document.getElementById('seal-status');
    const sealCopyRefusal = document.getElementById('seal-copy-refusal');
    const sealCopyPayload = document.getElementById('seal-copy-payload');
    const sealToken = document.getElementById('seal-token');
    const sealImage = document.getElementById('seal-image');
    const scsCardCopy = document.getElementById('scs-card-copy');
    const scsCardInput = document.getElementById('scs-card-input');
    const scsCardApply = document.getElementById('scs-card-apply');
    const scsCardStatus = document.getElementById('scs-card-status');
    const scsCardProfile = document.getElementById('scs-card-profile');
    const ownKeyRaw = "{{ identity_public_key }}";
    const ownKey = String(ownKeyRaw || '').replace(/\s+/g, '');
    const base64ToHex = (value) => {
        if (!value) return '';
        try {
            const binary = atob(value);
            let hex = '';
            for (let i = 0; i < binary.length; i += 1) {
                hex += binary.charCodeAt(i).toString(16).padStart(2, '0');
            }
            return hex;
        } catch (err) {
            return '';
        }
    };
    const ownKeyHex = base64ToHex(ownKey);
    const i18n = {
        copySuccess: "{{ t('base.success.copied') }}",
        copyError: "{{ t('base.errors.copy') }}",
        applyConfirm: "{{ t('senate.confirm.apply') }}",
        applyFailed: "{{ t('senate.errors.apply_failed') }}",
        applySuccess: "{{ t('senate.success.apply') }}",
        commError: "{{ t('senate.errors.comm') }}",
        addFailed: "{{ t('senate.errors.add_failed') }}",
        addSuccess: "{{ t('senate.success.added') }}",
        addError: "{{ t('senate.errors.add_error') }}",
        messageMissing: "{{ t('senate.errors.message_missing') }}",
        sendFailed: "{{ t('senate.errors.send_failed') }}",
        sendSuccess: "{{ t('senate.success.sent') }}",
        removeConfirm: "{{ t('senate.confirm.remove') }}",
        removeFailed: "{{ t('senate.errors.remove_failed') }}",
        removeSuccess: "{{ t('senate.success.removed') }}",
        removeError: "{{ t('senate.errors.remove_error') }}",
        sendInProgress: "{{ t('senate.actions.sending') }}",
        sendDone: "{{ t('senate.actions.sent') }}",
        scsEmpty: "{{ t('senate.scs_inbox.empty') }}",
        scsUnknown: "{{ t('senate.scs_inbox.unknown') }}",
        scsLoadError: "{{ t('senate.scs_inbox.load_error') }}",
        scsSenderLabel: "{{ t('senate.scs_inbox.sender') }}",
        scsTimeLabel: "{{ t('senate.scs_inbox.timestamp') }}"
        ,sealMissing: "{{ t('senate.seal.errors.missing') }}"
        ,sealFailed: "{{ t('senate.seal.errors.failed') }}"
        ,sealSuccess: "{{ t('senate.seal.success') }}"
        ,sealKeyshareLocked: "{{ t('senate.seal.keyshare_locked') }}"
        ,scsCardMissing: "{{ t('senate.seal.scs_card_missing') }}"
        ,scsCardInvalid: "{{ t('senate.seal.scs_card_invalid') }}"
        ,scsCardMismatch: "{{ t('senate.seal.scs_card_mismatch') }}"
        ,scsCardApplied: "{{ t('senate.seal.scs_card_applied') }}"
        ,scsCardUpdateFailed: "{{ t('senate.seal.scs_card_update_failed') }}"
    };

    let sealPublicKey = ownKeyHex;
    const scsCard = {{ scs_card_json | safe }};
    const scsSalt = (scsCard && scsCard.bep44_scs_salt) ? String(scsCard.bep44_scs_salt) : 'ConsiliumEU';
    let sealIsSenate = false;

    const renderScsCardProfile = () => {
        if (!scsCardProfile) return;
        const role = String(scsCard?.senate_role || '').trim();
        const knownCount = Number(scsCard?.senate_known_count || 0);
        const dns = String(scsCard?.bep44_bootstrap_dns || '').trim();
        const ip = String(scsCard?.bep44_bootstrap_ip || '').trim();
        const host = dns || ip || '—';
        const port = Number(scsCard?.bep44_bootstrap_port || 0) || 0;
        const offer = String(scsCard?.dht_router_offer || '').trim() || '—';
        const routers = Array.isArray(scsCard?.bep44_routers) ? scsCard.bep44_routers.length : 0;
        const roleLabel = role === 'senator' ? 'senator' : 'sovereign';
        const endpoint = port ? `${host}:${port}` : host;
        scsCardProfile.textContent = `endpoint=${endpoint} | dht=${offer} | routers=${routers} | role=${roleLabel} | senate=${knownCount}`;
    };

    const copyText = async (value) => {
        if (!value) return false;
        if (navigator.clipboard && window.isSecureContext) {
            await navigator.clipboard.writeText(value);
            return true;
        }
        const helper = document.createElement('textarea');
        helper.value = value;
        helper.setAttribute('readonly', '');
        helper.style.position = 'absolute';
        helper.style.left = '-9999px';
        document.body.appendChild(helper);
        helper.select();
        const ok = document.execCommand('copy');
        document.body.removeChild(helper);
        return ok;
    };

    const lockKeyshare = (locked) => {
        if (!sealKeyshare) return;
        sealKeyshare.disabled = Boolean(locked);
        if (locked && sealStatus && !sealStatus.textContent) {
            sealStatus.textContent = i18n.sealKeyshareLocked;
        }
    };

    const hasKeysharePayload = () => (sealPayload && (sealPayload.value || '').trim());

    const updateSealBadge = async () => {
        if (!sealToken || !sealImage) return;
        try {
            const sealResponse = await fetch('/api/senate/seal/status');
            const sealData = await sealResponse.json();
            const state = sealData && sealData.state ? sealData.state : {};
            sealIsSenate = Boolean(state && state.confirmed);
            sealPublicKey = ownKeyHex ? String(ownKeyHex) : '';
            const prefix = sealIsSenate ? 'senate: ' : 'pers: ';
            const tip = sealPublicKey ? `${prefix}${sealPublicKey}` : '';
            sealToken.dataset.tip = tip;
            sealToken.classList.toggle('disabled', !sealPublicKey);
            sealImage.src = sealIsSenate ? '/static/images/seal-senate.svg' : '/static/images/seal-personal.svg';
        } catch (err) {
            return;
        }
    };

    if (sealToken && ownKeyHex) {
        sealToken.dataset.tip = `pers: ${ownKeyHex}`;
    }

    if (applyBtn) {
        applyBtn.addEventListener('click', async () => {
            if (!confirm(i18n.applyConfirm)) return;
            try {
                const response = await fetch('/api/senate/apply', { method: 'POST' });
                const data = await response.json();
                if (!response.ok) {
                    window.GNOMENALL_UI.pushLocalNotice('error', data.error || i18n.applyFailed);
                } else {
                    window.GNOMENALL_UI.pushLocalNotice('success', data.message || i18n.applySuccess);
                    setTimeout(() => window.location.reload(), 800);
                }
            } catch (err) {
                window.GNOMENALL_UI.pushLocalNotice('error', i18n.commError);
            }
        });
    }

    addForm.addEventListener('submit', async (event) => {
        event.preventDefault();
        const payload = Object.fromEntries(new FormData(addForm));
        try {
            const response = await fetch('/api/senate/add', {
                method: 'POST',
                headers: { 'Content-Type': 'application/json' },
                body: JSON.stringify(payload)
            });
            const data = await response.json();
            if (!response.ok) {
                window.GNOMENALL_UI.pushLocalNotice('error', data.error || i18n.addFailed);
            } else {
                window.GNOMENALL_UI.pushLocalNotice('success', data.message || i18n.addSuccess);
                setTimeout(() => window.location.reload(), 800);
            }
        } catch (err) {
            window.GNOMENALL_UI.pushLocalNotice('error', i18n.addError);
        }
    });

    const sendScsMessage = async () => {
        if (!scsField) return;
        if (scsSend && scsSend.disabled) return;
        const message = (scsField.value || '').trim();
        if (!message) {
            window.GNOMENALL_UI.pushLocalNotice('error', i18n.messageMissing);
            return;
        }
        if (scsSend) {
            scsSend.disabled = true;
            scsSend.dataset.originalLabel = scsSend.dataset.originalLabel || scsSend.textContent;
            scsSend.textContent = i18n.sendInProgress;
        }
        try {
            const response = await fetch('/api/senate/scs/publish', {
                method: 'POST',
                headers: { 'Content-Type': 'application/json' },
                body: JSON.stringify({ message })
            });
            const data = await response.json();
            if (!response.ok) {
                window.GNOMENALL_UI.pushLocalNotice('error', data.error || i18n.sendFailed);
            } else {
                window.GNOMENALL_UI.pushLocalNotice('success', data.message || i18n.sendSuccess);
                scsField.value = '';
                if (scsSend) {
                    scsSend.textContent = i18n.sendDone;
                    setTimeout(() => {
                        scsSend.textContent = scsSend.dataset.originalLabel || i18n.sendDone;
                    }, 1000);
                }
            }
        } catch (err) {
            window.GNOMENALL_UI.pushLocalNotice('error', i18n.commError);
        } finally {
            if (scsSend) {
                scsSend.disabled = false;
                if (scsSend.textContent === i18n.sendInProgress) {
                    scsSend.textContent = scsSend.dataset.originalLabel || i18n.sendDone;
                }
            }
        }
    };

    const loadSealStatus = async () => {
        if (!sealStatus) return;
        try {
            const response = await fetch('/api/senate/seal/status');
            const data = await response.json();
            if (!response.ok) return;
            const state = data.state || {};
            if (state.refusal_hash) {
                sealRefusalHash.value = sealRefusalHash.value || state.refusal_hash;
                sealStatus.textContent = `${state.confirmed ? 'ACK' : 'REFUSAL'}: ${state.refusal_hash}`;
            }
            if (state.keyshare_payload && sealPayload && !hasKeysharePayload()) {
                sealPayload.value = JSON.stringify(state.keyshare_payload, null, 2);
            }
            if (state.keyshare_hash || hasKeysharePayload()) {
                lockKeyshare(true);
            }
        } catch (err) {
            return;
        }
    };


    if (sealCopyRefusal) {
        sealCopyRefusal.addEventListener('click', async () => {
            const value = (sealRefusalHash?.value || '').trim();
            if (!value) {
                window.GNOMENALL_UI.pushLocalNotice('error', i18n.copyError);
                return;
            }
            try {
                const ok = await copyText(value);
                window.GNOMENALL_UI.pushLocalNotice(ok ? 'success' : 'error', ok ? i18n.copySuccess : i18n.copyError);
            } catch (err) {
                window.GNOMENALL_UI.pushLocalNotice('error', i18n.copyError);
            }
        });
    }

    if (sealCopyPayload) {
        sealCopyPayload.addEventListener('click', async () => {
            const value = (sealPayload?.value || '').trim();
            if (!value) {
                window.GNOMENALL_UI.pushLocalNotice('error', i18n.copyError);
                return;
            }
            try {
                const ok = await copyText(value);
                window.GNOMENALL_UI.pushLocalNotice(ok ? 'success' : 'error', ok ? i18n.copySuccess : i18n.copyError);
            } catch (err) {
                window.GNOMENALL_UI.pushLocalNotice('error', i18n.copyError);
            }
        });
    }

    if (sealToken) {
        sealToken.addEventListener('click', async () => {
            const keyToCopy = (sealPublicKey || ownKeyHex || '').trim();
            if (!keyToCopy) {
                window.GNOMENALL_UI.pushLocalNotice('error', i18n.copyError);
                return;
            }
            try {
                const ok = await copyText(keyToCopy);
                window.GNOMENALL_UI.pushLocalNotice(ok ? 'success' : 'error', ok ? i18n.copySuccess : i18n.copyError);
            } catch (err) {
                window.GNOMENALL_UI.pushLocalNotice('error', i18n.copyError);
            }
        });
    }

    if (scsCardCopy) {
        scsCardCopy.addEventListener('click', async () => {
            try {
                const payload = JSON.stringify(scsCard || {}, null, 2);
                const ok = await copyText(payload);
                window.GNOMENALL_UI.pushLocalNotice(ok ? 'success' : 'error', ok ? i18n.copySuccess : i18n.copyError);
            } catch (err) {
                window.GNOMENALL_UI.pushLocalNotice('error', i18n.copyError);
            }
        });
    }

    const applyScsCard = async () => {
        const raw = (scsCardInput?.value || '').trim();
        if (!raw) {
            window.GNOMENALL_UI.pushLocalNotice('error', i18n.scsCardMissing);
            if (scsCardStatus) scsCardStatus.textContent = i18n.scsCardMissing;
            return;
        }
        let data = null;
        try {
            data = JSON.parse(raw);
        } catch (err) {
            window.GNOMENALL_UI.pushLocalNotice('error', i18n.scsCardInvalid);
            if (scsCardStatus) scsCardStatus.textContent = i18n.scsCardInvalid;
            return;
        }
        if (!data || typeof data !== 'object') {
            window.GNOMENALL_UI.pushLocalNotice('error', i18n.scsCardInvalid);
            if (scsCardStatus) scsCardStatus.textContent = i18n.scsCardInvalid;
            return;
        }
        const persPub = String(data.pers_pub_b64 || '').trim();
        const bep44Pub = String(data.bep44_pub_hex || '').trim();
        const cardSalt = String(data.bep44_scs_salt || '').trim();
        if (!persPub || !bep44Pub) {
            window.GNOMENALL_UI.pushLocalNotice('error', i18n.scsCardInvalid);
            if (scsCardStatus) scsCardStatus.textContent = i18n.scsCardInvalid;
            return;
        }
        if (cardSalt && scsSalt && cardSalt !== scsSalt) {
            window.GNOMENALL_UI.pushLocalNotice('error', i18n.scsCardMismatch);
            if (scsCardStatus) scsCardStatus.textContent = i18n.scsCardMismatch;
            return;
        }
        if (sealReceiver) {
            sealReceiver.value = persPub;
        }
        const payload = {
            bep44_get_enabled: true,
            bep44_get_pub: bep44Pub
        };
        if (cardSalt) {
            payload.bep44_get_salt = cardSalt;
        }
        const bootstrapDns = String(data.bep44_bootstrap_dns || '').trim();
        const bootstrapIp = String(data.bep44_bootstrap_ip || '').trim();
        if (bootstrapDns) {
            payload.bep44_bootstrap_ip = bootstrapDns;
        } else if (bootstrapIp) {
            payload.bep44_bootstrap_ip = bootstrapIp;
        }
        const routers = [];
        if (Array.isArray(data.bep44_routers) && data.bep44_routers.length) {
            for (const entry of data.bep44_routers) {
                const value = String(entry || '').trim();
                if (value) routers.push(value);
            }
        }
        const dhtOffer = String(data.dht_router_offer || '').trim();
        if (dhtOffer) {
            routers.push(dhtOffer);
        }
        if (routers.length) {
            payload.bep44_routers = Array.from(new Set(routers));
        }
        if (data.bep44_bootstrap_port) {
            payload.bep44_bootstrap_port = Number(data.bep44_bootstrap_port);
        }
        try {
            const response = await fetch('/api/settings/update', {
                method: 'POST',
                headers: { 'Content-Type': 'application/json' },
                body: JSON.stringify(payload)
            });
            const resData = await response.json();
            if (!response.ok) {
                window.GNOMENALL_UI.pushLocalNotice('error', resData.error || i18n.scsCardUpdateFailed);
                if (scsCardStatus) scsCardStatus.textContent = i18n.scsCardUpdateFailed;
                return;
            }
            window.GNOMENALL_UI.pushLocalNotice('success', i18n.scsCardApplied);
            if (scsCardStatus) scsCardStatus.textContent = i18n.scsCardApplied;
        } catch (err) {
            window.GNOMENALL_UI.pushLocalNotice('error', i18n.scsCardUpdateFailed);
            if (scsCardStatus) scsCardStatus.textContent = i18n.scsCardUpdateFailed;
        }
    };

    if (scsCardApply) {
        scsCardApply.addEventListener('click', applyScsCard);
    }

    if (sealRefusal) {
        sealRefusal.addEventListener('click', async () => {
            const counterpartPub = (sealReceiver?.value || '').trim();
            if (!counterpartPub) {
                window.GNOMENALL_UI.pushLocalNotice('error', i18n.sealMissing);
                return;
            }
            try {
                const response = await fetch('/api/senate/seal/refusal', {
                    method: 'POST',
                    headers: { 'Content-Type': 'application/json' },
                    body: JSON.stringify({ new_pub: counterpartPub })
                });
                const data = await response.json();
                if (!response.ok) {
                    window.GNOMENALL_UI.pushLocalNotice('error', data.error || i18n.sealFailed);
                    return;
                }
                sealRefusalHash.value = data.payload?.refusal_hash || sealRefusalHash.value;
                if (sealRefusalHash.value) {
                    const ok = await copyText(sealRefusalHash.value);
                    if (ok) {
                        window.GNOMENALL_UI.pushLocalNotice('success', i18n.copySuccess);
                    }
                }
                window.GNOMENALL_UI.pushLocalNotice('success', i18n.sealSuccess);
            } catch (err) {
                window.GNOMENALL_UI.pushLocalNotice('error', i18n.sealFailed);
            }
        });
    }

    if (sealInvite) {
        sealInvite.addEventListener('click', async () => {
            const counterpartPub = (sealReceiver?.value || '').trim();
            if (!counterpartPub) {
                window.GNOMENALL_UI.pushLocalNotice('error', i18n.sealMissing);
                return;
            }
            try {
                const response = await fetch('/api/senate/seal/invite', {
                    method: 'POST',
                    headers: { 'Content-Type': 'application/json' },
                    body: JSON.stringify({ receiver_pub: counterpartPub })
                });
                const data = await response.json();
                if (!response.ok) {
                    window.GNOMENALL_UI.pushLocalNotice('error', data.error || i18n.sealFailed);
                    return;
                }
                window.GNOMENALL_UI.pushLocalNotice('success', i18n.sealSuccess);
            } catch (err) {
                window.GNOMENALL_UI.pushLocalNotice('error', i18n.sealFailed);
            }
        });
    }

    if (sealKeyshare) {
        sealKeyshare.addEventListener('click', async () => {
            if (sealKeyshare.disabled || hasKeysharePayload()) {
                return;
            }
            const receiverPub = (sealReceiver?.value || '').trim();
            const refusalHash = (sealRefusalHash?.value || '').trim();
            const sealSaltValue = (sealSalt?.value || '').trim();
            const exchangeSaltValue = (sealExchangeSalt?.value || '').trim();
            const sealPassValue = (sealPass?.value || '').trim();
            if (!receiverPub || !refusalHash) {
                window.GNOMENALL_UI.pushLocalNotice('error', i18n.sealMissing);
                return;
            }
            try {
                const response = await fetch('/api/senate/seal/keyshare', {
                    method: 'POST',
                    headers: { 'Content-Type': 'application/json' },
                    body: JSON.stringify({
                        receiver_pub: receiverPub,
                        refusal_hash: refusalHash,
                        seal_salt: sealSaltValue,
                        exchange_salt: exchangeSaltValue,
                        seal_pass: sealPassValue
                    })
                });
                const data = await response.json();
                if (!response.ok) {
                    window.GNOMENALL_UI.pushLocalNotice('error', data.error || i18n.sealFailed);
                    return;
                }
                sealPayload.value = JSON.stringify(data.payload || {}, null, 2);
                lockKeyshare(true);
                window.GNOMENALL_UI.pushLocalNotice('success', i18n.sealSuccess);
            } catch (err) {
                window.GNOMENALL_UI.pushLocalNotice('error', i18n.sealFailed);
            }
        });
    }

    if (sealApply) {
        sealApply.addEventListener('click', async () => {
            const payloadText = (sealPayload?.value || '').trim();
            const sealPassValue = (sealPass?.value || '').trim();
            if (!payloadText) {
                window.GNOMENALL_UI.pushLocalNotice('error', i18n.sealMissing);
                return;
            }
            try {
                const response = await fetch('/api/senate/seal/apply-keyshare', {
                    method: 'POST',
                    headers: { 'Content-Type': 'application/json' },
                    body: JSON.stringify({ payload: payloadText, seal_pass: sealPassValue })
                });
                const data = await response.json();
                if (!response.ok) {
                    window.GNOMENALL_UI.pushLocalNotice('error', data.error || i18n.sealFailed);
                    return;
                }
                window.GNOMENALL_UI.pushLocalNotice('success', i18n.sealSuccess);
                loadSealStatus();
                updateSealBadge();
            } catch (err) {
                window.GNOMENALL_UI.pushLocalNotice('error', i18n.sealFailed);
            }
        });
    }

    if (scsSend) {
        scsSend.addEventListener('click', sendScsMessage);
    }

    if (scsField) {
        scsField.addEventListener('keydown', (event) => {
            if (event.key === 'Enter' && !event.shiftKey) {
                event.preventDefault();
                sendScsMessage();
            }
        });
    }

    const renderScsInbox = (data) => {
        if (!scsInboxMessage || !scsInboxMeta || !scsInboxTime) return;
        const payload = data && data.payload ? data.payload : null;
        if (!payload || (!payload.message && !payload.type)) {
            scsInboxMessage.textContent = i18n.scsEmpty;
            scsInboxMeta.textContent = '';
            scsInboxTime.textContent = '';
            return;
        }
        const alias = payload.alias || i18n.scsUnknown;
        const senderLabel = alias;
        const timestamp = payload.timestamp || data.received_at || '';

        const summarizeScsPayload = (item, senderAlias) => {
            if (!item || typeof item !== 'object') return '';
            const payloadType = String(item.type || '').trim();
            const messageRaw = String(item.message || '').trim();
            const refusalHash = String(item.refusal_hash || '').trim();

            if (payloadType === 'seal_refusal') {
                return `${senderAlias} прие да се присъедини към Вашия съюз. Може да завършите процедурата.`;
            }
            if (payloadType === 'seal_keyshare_ack') {
                return `${senderAlias} потвърди приемането на общия печат. Процедурата е завършена.`;
            }
            if (payloadType === 'seal_invite') {
                return `${senderAlias} Ви изпрати официална покана за церемония.`;
            }
            if (payloadType === 'senate_correspondence') {
                if (messageRaw.includes('#my_friend') && messageRaw.includes('#senate_seal')) {
                    if (refusalHash) {
                        return `${senderAlias} предлага присъединяване към Вашия съюз (SHA256: ${refusalHash}). Може да продължите с keyshare.`;
                    }
                    const match = messageRaw.match(/SHA256:\s*([a-fA-F0-9]{64})/);
                    if (match && match[1]) {
                        return `${senderAlias} предлага присъединяване към Вашия съюз (SHA256: ${match[1]}). Може да продължите с keyshare.`;
                    }
                    return `${senderAlias} предлага присъединяване към Вашия съюз. Може да завършите процедурата.`;
                }
            }
            return messageRaw;
        };

        const summary = summarizeScsPayload(payload, alias);
        scsInboxMeta.textContent = `${i18n.scsSenderLabel}: ${senderLabel}`;
        scsInboxMessage.textContent = summary || payload.message;
        scsInboxTime.textContent = timestamp ? `${i18n.scsTimeLabel}: ${timestamp}` : '';
    };

    const loadScsInbox = async () => {
        if (!scsInboxMessage) return;
        try {
            const response = await fetch('/api/senate/scs/state');
            const data = await response.json();
            if (!response.ok) {
                renderScsInbox(null);
                window.GNOMENALL_UI.pushLocalNotice('error', data.error || i18n.scsLoadError);
                return;
            }
            renderScsInbox(data);
        } catch (err) {
            renderScsInbox(null);
            window.GNOMENALL_UI.pushLocalNotice('error', i18n.scsLoadError);
        }
    };

    const requestScsRefresh = async () => {
        try {
            const response = await fetch('/api/senate/scs/refresh', { method: 'POST' });
            const data = await response.json();
            if (!response.ok) {
                window.GNOMENALL_UI.pushLocalNotice('error', data.error || i18n.scsLoadError);
                return;
            }
            await loadScsInbox();
        } catch (err) {
            window.GNOMENALL_UI.pushLocalNotice('error', i18n.scsLoadError);
        }
    };

    if (scsRefresh) {
        scsRefresh.addEventListener('click', requestScsRefresh);
    }

    loadScsInbox();
    loadSealStatus();
    updateSealBadge();
    renderScsCardProfile();

    document.querySelectorAll('[data-remove]').forEach((btn) => {
        btn.addEventListener('click', async () => {
            const key = btn.dataset.remove;
            if (!confirm(i18n.removeConfirm)) return;
            try {
                const response = await fetch('/api/senate/remove', {
                    method: 'POST',
                    headers: { 'Content-Type': 'application/json' },
                    body: JSON.stringify({ public_key: key })
                });
                const data = await response.json();
                if (!response.ok) {
                    window.GNOMENALL_UI.pushLocalNotice('error', data.error || i18n.removeFailed);
                } else {
                    window.GNOMENALL_UI.pushLocalNotice('success', data.message || i18n.removeSuccess);
                    setTimeout(() => window.location.reload(), 800);
                }
            } catch (err) {
                window.GNOMENALL_UI.pushLocalNotice('error', i18n.removeError);
            }
        });
    });

    if (sealPayload) {
        sealPayload.addEventListener('input', () => {
            if (!hasKeysharePayload()) {
                lockKeyshare(false);
            }
        });
    }
</script>
{% endblock %}