{% extends "base.html" %}

{% block title %}TMH - 合并建议{% endblock %}

{% block breadcrumb_items %}
<span class="separator">/</span>
<span class="current">合并建议</span>
{% endblock %}

{% block content %}
<h2>合并建议</h2>

<div class="stat-grid">
    <article class="stat-card">
        <h3>{{ stats.get('pending', 0) }}</h3>
        <small>待处理</small>
    </article>
    <article class="stat-card">
        <h3>{{ stats.get('accepted', 0) }}</h3>
        <small>已接受</small>
    </article>
    <article class="stat-card">
        <h3>{{ stats.get('rejected', 0) }}</h3>
        <small>已拒绝</small>
    </article>
    <article class="stat-card">
        <h3>{{ stats.get('total', 0) }}</h3>
        <small>总计</small>
    </article>
</div>

<h3>待处理建议</h3>

{% if suggestions %}
<div class="tmh-suggestion-grid">
    {% for s in suggestions %}
    <div class="tmh-suggestion-card" id="suggestion-{{ s.id }}">
        <div class="tmh-suggestion-card-header">
            <code>{{ s.id }}</code>
            <span class="badge">{{ s.scope }}</span>
        </div>
        <div class="tmh-suggestion-card-meta">
            <span>相似度: <strong>{{ "%.0f" | format(s.avg_similarity * 100) }}%</strong></span>
            <span>置信度:
                <div class="score-bar" style="display:inline-flex;width:80px;vertical-align:middle">
                    <div class="score-bar-track">
                        <div class="score-bar-fill {% if s.confidence >= 0.7 %}high{% elif s.confidence >= 0.4 %}medium{% else %}low{% endif %}"
                             style="width:{{ (s.confidence * 100) | int }}%"></div>
                    </div>
                </div>
                {{ "%.0f" | format(s.confidence * 100) }}%
            </span>
        </div>
        <p style="font-size:var(--tmh-font-size-sm);color:var(--tmh-text-secondary);margin-bottom:var(--tmh-space-sm)">
            原始记忆: {{ s.original_ids | join(', ') }}
        </p>
        <small style="color:var(--tmh-text-muted)">{{ s.created_at }}</small>
        <div class="tmh-suggestion-card-actions">
            <button class="outline small"
                onclick="handleSuggestion('{{ s.id }}', 'accept')">接受</button>
            <button class="outline small secondary"
                onclick="handleSuggestion('{{ s.id }}', 'reject')">拒绝</button>
        </div>
    </div>
    {% endfor %}
</div>
{% else %}
<p style="color:var(--tmh-text-muted)">暂无待处理建议。</p>
{% endif %}
{% endblock %}

{% block extra_scripts %}
<script>
function handleSuggestion(id, action) {
    var title = action === 'accept' ? '接受合并建议' : '拒绝合并建议';
    var message = action === 'accept' ? '确定接受此合并建议？' : '确定拒绝此建议？';
    TMH.modal.confirm(title, message, function() {
        fetch('/api/v1/consolidation/suggestions/' + id + '/' + action, {
            method: 'POST', credentials: 'same-origin'
        }).then(function(resp) {
            if (resp.ok) {
                TMH.toast.show({type: 'success', message: action === 'accept' ? '已接受合并建议' : '已拒绝建议'});
                var card = document.getElementById('suggestion-' + id);
                if (card) {
                    card.classList.add('fade-out');
                    setTimeout(function() { card.remove(); }, 300);
                }
            } else {
                resp.text().then(function(t) { TMH.toast.show({type: 'error', message: t || '操作失败'}); });
            }
        });
    });
}
</script>
{% endblock %}