{% extends "base.html" %}
{% block title %}投资委员会 - Augur{% endblock %}
{% block extra_head %}
<style>
/* Committee page styles */
.committee-agent-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 8px;
    margin-bottom: 16px;
}
.committee-agent-chip {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.75rem;
    cursor: pointer;
    transition: all 0.18s;
    background: var(--bg-card);
    user-select: none;
}
.committee-agent-chip:hover { border-color: var(--accent-orange); background: var(--bg-card-hover); }
.committee-agent-chip.selected {
    border-color: var(--accent-orange);
    background: var(--amber-wash, rgba(255,140,0,0.12));
    color: var(--accent-orange);
}
.committee-agent-chip input[type="checkbox"] { display: none; }
.committee-agent-chip .chip-name { font-weight: 600; }
.chip-count {
    font: 0.68rem/1 var(--font-data);
    color: var(--text-muted);
    margin-left: auto;
}
.selected .chip-count { color: var(--accent-orange); }

/* Opinion cards */
.opinion-list { display: flex; flex-direction: column; gap: 10px; }
.opinion-card {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    padding: 12px 16px;
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-md, 8px);
    border-left: 3px solid var(--border-color);
}
.opinion-card.bullish { border-left-color: var(--signal-buy); }
.opinion-card.bearish { border-left-color: var(--signal-sell); }
.opinion-card.neutral  { border-left-color: var(--signal-neutral); }
.opinion-name { font: 700 0.85rem/1.2 var(--font-sans); color: var(--fg-1); }
.opinion-finding { font-size: 0.78rem; color: var(--fg-2); margin-top: 3px; }
.opinion-risk { font-size: 0.72rem; color: var(--signal-sell); margin-top: 2px; }
.opinion-badge {
    display: flex; flex-direction: column; align-items: flex-end; gap: 3px;
    font: 700 0.7rem/1 var(--font-pixfin);
    text-transform: uppercase; letter-spacing: 0.5px;
}
.opinion-badge .signal { padding: 2px 7px; border-radius: 3px; }
.opinion-badge .signal.bullish { color: var(--signal-buy); border: 1px solid var(--signal-buy); }
.opinion-badge .signal.bearish { color: var(--signal-sell); border: 1px solid var(--signal-sell); }
.opinion-badge .signal.neutral  { color: var(--signal-neutral); border: 1px solid var(--signal-neutral); }
.opinion-badge .score { color: var(--text-muted); font-size: 0.65rem; }

/* Verdict panel */
.verdict-panel {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
    padding: 20px;
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-lg, 12px);
    margin-bottom: 20px;
}
.verdict-stat { text-align: center; }
.verdict-stat .label { font-size: 0.65rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 4px; }
.verdict-stat .value { font: 700 1.4rem/1 var(--font-data); }
.verdict-stat .value.bullish { color: var(--signal-buy); }
.verdict-stat .value.bearish { color: var(--signal-sell); }
.verdict-stat .value.neutral  { color: var(--signal-neutral); }

/* Vote bar */
.vote-bar { display: flex; height: 8px; border-radius: 4px; overflow: hidden; gap: 1px; }
.vote-bar .bull { background: var(--signal-buy); }
.vote-bar .neut { background: var(--signal-neutral); }
.vote-bar .bear { background: var(--signal-sell); }
.vote-labels { display: flex; justify-content: space-between; font-size: 0.65rem; color: var(--text-muted); margin-top: 4px; }

/* Streaming progress */
.streaming-progress-bar {
    height: 3px;
    background: var(--border-color);
    border-radius: 2px;
    overflow: hidden;
    margin: 12px 0 4px;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
}
.streaming-progress-bar__fill {
    height: 100%;
    background: var(--accent-orange);
    border-radius: 2px;
    transition: width 0.3s ease;
    width: 0%;
}
.streaming-agent-name {
    font: 600 0.78rem/1 var(--font-pixfin);
    color: var(--accent-orange);
    letter-spacing: 0.04em;
    margin-top: 4px;
}
.streaming-counter {
    font-size: 0.68rem;
    color: var(--text-muted);
    margin-top: 2px;
}
@keyframes opinion-in {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}
.opinion-card { animation: opinion-in 0.22s ease both; }
@keyframes verdict-reveal {
    from { opacity: 0; transform: translateY(16px); }
    to   { opacity: 1; transform: translateY(0); }
}
#committee-results { animation: verdict-reveal 0.35s ease both; }
</style>
{% endblock %}

{% block content %}
<header class="page-header mb-16">
    <div class="page-header__text">
        <h1 class="page-title" data-i18n="committee-title">投资委员会</h1>
        <p class="page-lead" data-i18n="committee-desc">召集多位投资大师，独立分析，汇聚裁决——委员会机制比单打独斗更可靠</p>
    </div>
</header>

<!-- Preset Committees -->
<div class="mb-16">
    <div style="font:600 0.72rem/1 var(--font-pixfin); color:var(--text-muted); text-transform:uppercase; letter-spacing:0.5px; margin-bottom:8px;" data-i18n="committee-presets">预设委员会</div>
    <div style="display:flex; gap:8px; flex-wrap:wrap;">
        <button class="btn btn-sm btn-ghost" onclick="loadPreset('value')" style="font-size:0.75rem;">🏛️ <span data-i18n="preset-value">经典价值</span></button>
        <button class="btn btn-sm btn-ghost" onclick="loadPreset('china')" style="font-size:0.75rem;">🇨🇳 <span data-i18n="preset-china">中国价值</span></button>
        <button class="btn btn-sm btn-ghost" onclick="loadPreset('macro')" style="font-size:0.75rem;">🌐 <span data-i18n="preset-macro">宏观全天候</span></button>
        <button class="btn btn-sm btn-ghost" onclick="loadPreset('growth')" style="font-size:0.75rem;">🚀 <span data-i18n="preset-growth">创新成长</span></button>
        <button class="btn btn-sm btn-ghost" onclick="loadPreset('all')" style="font-size:0.75rem;">📊 <span data-i18n="preset-all">全体委员会</span></button>
    </div>
</div>

<!-- Input Form -->
<div class="card mb-20" style="padding:20px;">
    <div style="display:flex; gap:12px; flex-wrap:wrap; margin-bottom:16px;">
        <div style="flex:0 0 140px;">
            <label class="form-label" data-i18n="committee-ticker-label">股票代码</label>
            <input id="committee-ticker" type="text" class="form-input" placeholder="AAPL" maxlength="15"
                   style="text-transform:uppercase; font-family:var(--font-data); font-weight:700; letter-spacing:1px;"
                   oninput="this.value=this.value.toUpperCase()">
        </div>
        <div style="flex:1; min-width:240px;">
            <label class="form-label" data-i18n="committee-question-label">提问（可选）</label>
            <input id="committee-question" type="text" class="form-input"
                   placeholder="护城河是否真实？当前估值合理吗？" maxlength="200">
        </div>
        <div style="display:flex; align-items:flex-end;">
            <button class="btn btn-primary" onclick="runCommittee()" id="committee-btn">
                &#x1F3DB; <span data-i18n="committee-run">召开委员会</span>
            </button>
        </div>
    </div>

    <!-- Agent selector -->
    <div style="margin-bottom:8px; display:flex; align-items:center; justify-content:space-between;">
        <span style="font:600 0.75rem/1 var(--font-pixfin); color:var(--text-muted); text-transform:uppercase;" data-i18n="committee-select-masters">选择参会大师</span>
        <div style="display:flex; gap:8px;">
            <button class="btn btn-sm btn-ghost" onclick="selectAll()" data-i18n="committee-select-all">全选</button>
            <button class="btn btn-sm btn-ghost" onclick="clearAll()" data-i18n="committee-clear-all">清空</button>
            <span id="selected-count" style="font-size:0.75rem; color:var(--text-muted); line-height:28px;">0 位</span>
        </div>
    </div>
    <div class="committee-agent-grid" id="agent-grid">
        {% for p in personas %}
        <label class="committee-agent-chip" data-id="{{ p.id }}" onclick="toggleAgent('{{ p.id }}', this)">
            <input type="checkbox" value="{{ p.id }}">
            <span class="chip-name">{{ p.chip_name }}</span>
        </label>
        {% endfor %}
    </div>
</div>

<!-- Loading state (streaming) -->
<div id="committee-loading" style="display:none; text-align:center; padding:32px 40px 16px;">
    <div class="spinner" aria-hidden="true"></div>
    <p style="margin-top:12px; color:var(--text-muted); font-size:0.82rem;" data-i18n="committee-loading">委员会正在独立审议...</p>
    <div class="streaming-progress-bar"><div class="streaming-progress-bar__fill" id="committee-progress-fill"></div></div>
    <div class="streaming-agent-name" id="committee-progress-name"></div>
    <div class="streaming-counter" id="committee-progress-counter"></div>
</div>

<!-- Error state -->
<div id="committee-error" class="error-panel" style="display:none;" role="alert">
    <div class="error-panel-title">&#x26A0; <span data-i18n="committee-error-title">分析失败</span></div>
    <div class="error-panel-msg" id="committee-error-msg"></div>
    <button class="btn btn-sm" onclick="runCommittee()" style="margin-top:8px;" data-i18n="btn-retry">重试</button>
</div>

<!-- Streaming opinions (visible while loading) -->
<div id="committee-stream-opinions" style="display:none; margin-bottom:16px;">
    <div class="section-title compact mb-12" data-i18n="committee-opinions">各位大师独立意见</div>
    <div class="opinion-list" id="opinion-list"></div>
</div>

<!-- Results (verdict + re-sorted opinions after done) -->
<div id="committee-results" style="display:none;">
    <div class="flex items-center justify-between mb-12" style="flex-wrap:wrap; gap:8px;">
        <div class="section-title compact" data-i18n="committee-verdict">委员会裁决</div>
        <div style="display:flex; gap:8px;">
            <button type="button" class="btn btn-sm btn-ghost" onclick="copyCommitteeReport()" data-i18n="committee-copy-report">复制报告</button>
            <button type="button" class="btn btn-sm btn-ghost" onclick="exportCommitteeReport()" data-i18n="committee-export-report">导出报告</button>
        </div>
    </div>
    <div class="verdict-panel mb-20" id="verdict-panel"></div>
    <div class="section-title compact mb-12" data-i18n="committee-opinions">各位大师独立意见</div>
    <div class="opinion-list" id="opinion-list-final"></div>
</div>

{% endblock %}

{% block extra_scripts %}
<script>
var _selectedAgents = new Set();
var _committeeVerdict = null;
var _committeeOpinions = [];
var _committeeTicker = '';

function toggleAgent(id, el) {
    if (_selectedAgents.has(id)) {
        _selectedAgents.delete(id);
        el.classList.remove('selected');
    } else {
        _selectedAgents.add(id);
        el.classList.add('selected');
    }
    document.getElementById('selected-count').textContent = _selectedAgents.size + ' ' + _t('committee-agents-unit', '位');
}

function selectAll() {
    document.querySelectorAll('.committee-agent-chip').forEach(function(el) {
        var id = el.getAttribute('data-id');
        _selectedAgents.add(id);
        el.classList.add('selected');
    });
    document.getElementById('selected-count').textContent = _selectedAgents.size + ' ' + _t('committee-agents-unit', '位');
}

function clearAll() {
    document.querySelectorAll('.committee-agent-chip').forEach(function(el) {
        el.classList.remove('selected');
    });
    _selectedAgents.clear();
    document.getElementById('selected-count').textContent = '0 ' + _t('committee-agents-unit', '位');
}

var _PRESETS = {
    value:  ['buffett', 'graham', 'munger', 'fisher'],
    china:  ['duan_yongping', 'zhang_lei', 'li_lu', 'dan_bin'],
    macro:  ['dalio', 'soros', 'marks', 'arps'],
    growth: ['cathie_wood', 'thiel', 'aschenbrenner', 'serenity'],
    all:    []  // empty = all agents
};
var _PRESET_LABELS = {
    value:  '价值委员会：巴菲特 · 格雷厄姆 · 芒格 · 费雪',
    china:  '中国价值委员会：段永平 · 张磊 · 李录 · 但斌',
    macro:  '宏观全天候委员会：达利欧 · 索罗斯 · 霍华德马克斯 · ARPS',
    growth: '创新成长委员会：凯西伍德 · 蒂尔 · Aschenbrenner · Serenity',
    all:    '全体委员会：18位大师'
};

function loadPreset(name) {
    clearAll();
    var ids = _PRESETS[name] || [];
    if (ids.length === 0) {
        selectAll();
    } else {
        ids.forEach(function(id) {
            var chip = document.querySelector('.committee-agent-chip[data-id="' + id + '"]');
            if (chip) { _selectedAgents.add(id); chip.classList.add('selected'); }
        });
        document.getElementById('selected-count').textContent = _selectedAgents.size + ' ' + _t('committee-agents-unit', '位');
    }
    if (!document.getElementById('committee-question').value) {
        document.getElementById('committee-question').placeholder = _PRESET_LABELS[name] || '';
    }
}

var _committeeWs = null;

document.addEventListener('DOMContentLoaded', function() {
    fetch('/api/workspace').then(function(r) { return r.ok ? r.json() : null; }).then(function(ws) {
        var preset = ws && ws.committee_preset;
        if (preset && _PRESETS.hasOwnProperty(preset)) {
            loadPreset(preset);
        }
    }).catch(function() {});
});

function runCommittee() {
    var ticker = document.getElementById('committee-ticker').value.trim().toUpperCase();
    _committeeTicker = ticker;
    var question = document.getElementById('committee-question').value.trim();
    if (!ticker) { showToast(_t('committee-need-ticker', '请输入股票代码'), 'warning'); return; }

    // Close any existing WebSocket
    if (_committeeWs) { try { _committeeWs.close(); } catch(e) {} _committeeWs = null; }

    var agents = Array.from(_selectedAgents);

    _streamCardIdx = 0;
    document.getElementById('committee-loading').style.display = 'block';
    document.getElementById('committee-error').style.display = 'none';
    document.getElementById('committee-results').style.display = 'none';
    document.getElementById('committee-stream-opinions').style.display = 'block';
    document.getElementById('opinion-list').innerHTML = '';
    document.getElementById('committee-btn').disabled = true;
    document.getElementById('committee-progress-fill').style.width = '0%';
    document.getElementById('committee-progress-name').textContent = '';
    document.getElementById('committee-progress-counter').textContent = '';

    var proto = location.protocol === 'https:' ? 'wss:' : 'ws:';
    var ws = new WebSocket(proto + '//' + location.host + '/ws/committee');
    _committeeWs = ws;

    ws.onopen = function() {
        ws.send(JSON.stringify({ticker: ticker, question: question || ('分析 ' + ticker), agents: agents}));
    };

    ws.onmessage = function(ev) {
        var msg;
        try { msg = JSON.parse(ev.data); } catch(e) { return; }

        if (msg.type === 'agent') {
            renderStreamingOpinion(msg);
            var parts = (msg.progress || '1/1').split('/');
            var done = parseInt(parts[0]) || 1;
            var tot = parseInt(parts[1]) || 1;
            document.getElementById('committee-progress-fill').style.width = (done / tot * 100) + '%';
            document.getElementById('committee-progress-name').textContent = escapeHtml(msg.agent_name || '');
            document.getElementById('committee-progress-counter').textContent = msg.progress || '';
        } else if (msg.type === 'verdict') {
            _committeeWs = null;
            _committeeVerdict = msg.verdict;
            _committeeOpinions = msg.opinions || [];
            document.getElementById('committee-loading').style.display = 'none';
            document.getElementById('committee-stream-opinions').style.display = 'none';
            document.getElementById('committee-btn').disabled = false;
            renderVerdict(msg.verdict);
            renderFinalOpinions(_committeeOpinions);
            document.getElementById('committee-results').style.display = 'block';
        } else if (msg.type === 'error') {
            document.getElementById('committee-loading').style.display = 'none';
            document.getElementById('committee-stream-opinions').style.display = 'none';
            document.getElementById('committee-btn').disabled = false;
            showError(msg.message || _t('committee-error-generic', '分析失败'));
        }
    };

    ws.onerror = function() {
        document.getElementById('committee-loading').style.display = 'none';
        document.getElementById('committee-stream-opinions').style.display = 'none';
        document.getElementById('committee-btn').disabled = false;
        showError(_t('committee-ws-error', 'WebSocket 连接失败，请重试'));
    };

    ws.onclose = function(ev) {
        if (ev.code === 1008) {
            document.getElementById('committee-loading').style.display = 'none';
            document.getElementById('committee-stream-opinions').style.display = 'none';
            document.getElementById('committee-btn').disabled = false;
            showError(_t('committee-ws-auth', '认证失败，请检查 API Token'));
        }
    };
}

function showError(msg) {
    document.getElementById('committee-error').style.display = 'block';
    document.getElementById('committee-error-msg').textContent = msg;
}

function _opinionCardHtml(op) {
    var finding = op.key_findings && op.key_findings[0] ? escapeHtml(op.key_findings[0]) : '';
    var risk = op.risks && op.risks[0] ? escapeHtml(op.risks[0]) : '';
    return '<div class="opinion-card ' + escapeHtml(op.signal || 'neutral') + '">' +
        '<div>' +
            '<div class="opinion-name">' + escapeHtml(op.agent_name || op.agent_id) + '</div>' +
            (finding ? '<div class="opinion-finding">→ ' + finding + '</div>' : '') +
            (risk ? '<div class="opinion-risk">⚠ ' + risk + '</div>' : '') +
        '</div>' +
        '<div class="opinion-badge">' +
            '<span class="signal ' + escapeHtml(op.signal || 'neutral') + '">' + escapeHtml((op.signal || 'neutral').toUpperCase()) + '</span>' +
            '<span class="score">' + (op.score || 0) + '/10</span>' +
        '</div>' +
    '</div>';
}

var _streamCardIdx = 0;
function renderStreamingOpinion(op) {
    var list = document.getElementById('opinion-list');
    var div = document.createElement('div');
    div.innerHTML = _opinionCardHtml(op);
    var card = div.firstChild;
    card.style.animationDelay = (_streamCardIdx * 0.04) + 's';
    _streamCardIdx++;
    list.appendChild(card);
}

function renderFinalOpinions(opinions) {
    var html = '';
    opinions.forEach(function(op) { html += _opinionCardHtml(op); });
    document.getElementById('opinion-list-final').innerHTML = html;
}

function _buildCommitteeMarkdown() {
    if (!_committeeVerdict) return '';
    var v = _committeeVerdict;
    var ticker = _committeeTicker || 'Unknown';
    var date = new Date().toISOString().slice(0, 10);
    var vote = v.vote || {bullish:0, neutral:0, bearish:0};
    var lines = [
        '# Augur Committee Report — ' + ticker + ' (' + date + ')',
        '',
        '## Verdict',
        '- **Signal**: ' + (v.signal || 'neutral').toUpperCase(),
        '- **Score**: ' + Number(v.score || 0).toFixed(1) + '/10',
        '- **Confidence**: ' + Math.round((v.confidence || 0) * 100) + '%',
        '- **Kelly Position**: ' + (v.kelly_pct > 0 ? v.kelly_pct.toFixed(1) + '%' : '—'),
        '- **Vote**: Bullish ' + vote.bullish + ' / Neutral ' + vote.neutral + ' / Bearish ' + vote.bearish,
        ''
    ];
    if (_committeeOpinions.length > 0) {
        lines.push('## Individual Opinions', '');
        _committeeOpinions.forEach(function(op) {
            var agent = op.agent_name || op.agent_id;
            lines.push('### ' + agent + ' — ' + (op.signal || 'neutral').toUpperCase() + ' ' + (op.score || 0) + '/10');
            if (op.key_findings && op.key_findings.length) {
                lines.push('**Key Findings:**');
                op.key_findings.forEach(function(f) { lines.push('- ' + f); });
            }
            if (op.risks && op.risks.length) {
                lines.push('**Risks:**');
                op.risks.forEach(function(r) { lines.push('- ' + r); });
            }
            if (op.reasoning) {
                lines.push('', op.reasoning.replace(/#+\s*/g, '').replace(/\*\*/g, '**').trim());
            }
            lines.push('');
        });
    }
    return lines.join('\n');
}

function copyCommitteeReport() {
    var md = _buildCommitteeMarkdown();
    if (!md) return;
    var fn = function() {};
    if (navigator.clipboard && navigator.clipboard.writeText) {
        navigator.clipboard.writeText(md).then(function() {
            showToast(_t('committee-report-copied'), 'success');
        }).catch(fn);
    } else {
        var ta = document.createElement('textarea');
        ta.value = md;
        ta.style.position = 'fixed'; ta.style.left = '-9999px';
        document.body.appendChild(ta); ta.select();
        try { document.execCommand('copy'); showToast(_t('committee-report-copied'), 'success'); } catch(e) {}
        document.body.removeChild(ta);
    }
}

function exportCommitteeReport() {
    var md = _buildCommitteeMarkdown();
    if (!md) return;
    var fname = 'augur-committee-' + (_committeeTicker || 'report') + '-' + new Date().toISOString().slice(0,10) + '.md';
    var blob = new Blob([md], {type: 'text/markdown'});
    var a = document.createElement('a');
    a.href = URL.createObjectURL(blob);
    a.download = fname;
    a.click();
    showToast(_t('committee-report-downloaded'), 'success');
}

function _countUp(el, target, decimals, suffix, duration) {
    var start = performance.now();
    duration = duration || 650;
    function tick(now) {
        var t = Math.min((now - start) / duration, 1);
        var ease = 1 - Math.pow(1 - t, 3);  // ease-out cubic
        el.textContent = (target * ease).toFixed(decimals) + suffix;
        if (t < 1) requestAnimationFrame(tick);
    }
    requestAnimationFrame(tick);
}

function renderVerdict(v) {
    var vote = v.vote || {bullish:0, neutral:0, bearish:0};
    document.getElementById('verdict-panel').innerHTML =
        '<div class="verdict-stat">' +
            '<div class="label">' + escapeHtml(_t('committee-signal', '信号')) + '</div>' +
            '<div class="value ' + escapeHtml(v.signal) + '" id="vd-signal">' + escapeHtml(v.signal.toUpperCase()) + '</div>' +
        '</div>' +
        '<div class="verdict-stat">' +
            '<div class="label">' + escapeHtml(_t('committee-score', '评分')) + '</div>' +
            '<div class="value"><span id="vd-score">0.0</span><span style="font-size:0.8rem;color:var(--text-muted)">/10</span></div>' +
        '</div>' +
        '<div class="verdict-stat">' +
            '<div class="label">' + escapeHtml(_t('committee-confidence', '置信度')) + '</div>' +
            '<div class="value"><span id="vd-conf">0</span>%</div>' +
        '</div>' +
        '<div class="verdict-stat">' +
            '<div class="label">Kelly</div>' +
            '<div class="value ' + (v.kelly_pct > 0 ? 'bullish' : '') + '" id="vd-kelly">' + (v.kelly_pct > 0 ? '0%' : '—') + '</div>' +
        '</div>' +
        '<div class="verdict-stat" style="grid-column:1/-1;">' +
            '<div class="label" style="margin-bottom:6px;" id="vd-vote-label">' + escapeHtml(_t('committee-vote', '票数')) + ' &nbsp;Bullish ' + vote.bullish + ' / Neutral ' + vote.neutral + ' / Bearish ' + vote.bearish + '</div>' +
            '<div class="vote-bar">' +
                '<div class="bull" style="flex:' + vote.bullish + '"></div>' +
                '<div class="neut" style="flex:' + vote.neutral + '"></div>' +
                '<div class="bear" style="flex:' + vote.bearish + '"></div>' +
            '</div>' +
        '</div>';

    // Animate numbers after DOM is ready
    requestAnimationFrame(function() {
        var scoreEl = document.getElementById('vd-score');
        var confEl  = document.getElementById('vd-conf');
        var kellyEl = document.getElementById('vd-kelly');
        if (scoreEl) _countUp(scoreEl, v.score, 1, '', 700);
        if (confEl)  _countUp(confEl, Math.round(v.confidence * 100), 0, '', 700);
        if (kellyEl && v.kelly_pct > 0) _countUp(kellyEl, v.kelly_pct, 1, '%', 700);
    });
}
</script>
{% endblock %}