{% extends "base.html" %}
{% set active = "diagnostics" %}

{% block title %}Диагностика - WB MCP{% endblock %}

{% block content %}
<h3>Диагностика
    <button id="run-btn" class="outline" style="float:right; padding: 0.3rem 1rem; font-size: 0.85rem;"
            onclick="runDiagnostics()">Проверить сейчас</button>
</h3>
<p style="color:#666; font-size:0.85rem;">
    Автопроверка каждые {{ interval_min }} мин: ping всех хостов WB API + лёгкие реальные запросы по категориям + срок действия токенов.
</p>

{% if degradations %}
<div class="card" style="border-left: 4px solid #cb2431;">
    <h5 class="badge-err">⛔ Деградации инструментов (возможно изменение WB API)</h5>
    <p style="font-size:0.85rem; color:#666;">Эти инструменты раньше работали, а теперь стабильно падают:</p>
    <table>
        <thead><tr><th>Инструмент</th><th>Последний успех</th><th>Ошибок подряд</th><th>Последняя ошибка</th></tr></thead>
        <tbody>
            {% for d in degradations %}
            <tr>
                <td><code>{{ d.tool }}</code></td>
                <td>{{ d.last_success }}</td>
                <td class="badge-err">{{ d.consecutive_errors }}</td>
                <td style="font-size:0.8rem;">{{ d.last_error }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endif %}

{% for shop in shops %}
<div class="card">
    <h5>
        {{ shop.name }} <small style="color:#888;">({{ shop.id }})</small>
        {% if shop.last_check %}
            {% if shop.last_check.healthy %}
                <span class="badge-ok" style="float:right;">✅ Здоров</span>
            {% else %}
                <span class="badge-err" style="float:right;">⛔ Есть проблемы</span>
            {% endif %}
        {% endif %}
    </h5>

    {# ── Токен ── #}
    {% if shop.token.valid_format %}
    <p style="font-size:0.9rem;">
        <strong>Токен:</strong>
        {% if shop.token.expired %}
            <span class="badge-err">ИСТЁК {{ shop.token.expires_at }}</span>
        {% elif shop.token.expiring_soon %}
            <span style="color:#b08800;">истекает {{ shop.token.expires_at }} (через {{ shop.token.days_left }} дн.)</span>
        {% else %}
            <span class="badge-ok">до {{ shop.token.expires_at }} ({{ shop.token.days_left }} дн.)</span>
        {% endif %}
        {% if shop.token.read_only %} · <em>только чтение</em>{% endif %}
        {% if shop.token.sandbox %} · <em class="badge-err">ПЕСОЧНИЦА</em>{% endif %}
        <br>
        <strong>Доступ:</strong>
        {% for s in shop.token.scopes %}<code style="font-size:0.78rem;">{{ s }}</code> {% endfor %}
    </p>
    {% else %}
    <p class="badge-err">Токен: {{ shop.token.error }}</p>
    {% endif %}

    {# ── Последняя проверка ── #}
    {% if shop.last_check %}
    <details>
        <summary style="font-size:0.9rem;">
            Проверка {{ shop.last_check.checked_at }}:
            ping {{ shop.last_check.ping | selectattr('ok') | list | length }}/{{ shop.last_check.ping | length }},
            пробы {{ shop.last_check.probes | selectattr('ok') | list | length }}/{{ shop.last_check.probes | length }}
        </summary>
        {% if shop.last_check.warnings %}
            {% for w in shop.last_check.warnings %}
            <p style="margin:0.2rem 0; font-size:0.85rem;">{{ w }}</p>
            {% endfor %}
        {% endif %}
        <div style="display:grid; grid-template-columns: 1fr 1fr; gap:1rem;">
            <table>
                <thead><tr><th>Хост (ping)</th><th>ms</th><th></th></tr></thead>
                <tbody>
                {% for p in shop.last_check.ping %}
                    <tr>
                        <td style="font-size:0.8rem;">{{ p.category }}</td>
                        <td>{{ p.latency_ms }}</td>
                        <td>{% if p.ok %}<span class="badge-ok">OK</span>{% else %}<span class="badge-err">{{ p.status_code or p.error }}</span>{% endif %}</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
            <table>
                <thead><tr><th>Категория (проба)</th><th>ms</th><th></th></tr></thead>
                <tbody>
                {% for p in shop.last_check.probes %}
                    <tr>
                        <td style="font-size:0.8rem;" title="{{ p.endpoint }}">{{ p.category }}</td>
                        <td>{{ p.latency_ms }}</td>
                        <td>{% if p.ok %}<span class="badge-ok">OK</span>{% else %}<span class="badge-err" title="{{ p.error }}">{{ p.status_code or 'ERR' }}{% if p.hint %} — {{ p.hint }}{% endif %}</span>{% endif %}</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </details>
    {% else %}
    <p style="color:#888; font-size:0.85rem;">Проверок ещё не было — нажмите «Проверить сейчас».</p>
    {% endif %}
</div>
{% endfor %}

{% if history %}
<div class="card">
    <h5>История проверок</h5>
    <table>
        <thead><tr><th>Время</th><th>Магазин</th><th>Статус</th><th>Ping-ошибки</th><th>Проба-ошибки</th><th>Предупреждения</th></tr></thead>
        <tbody>
            {% for h in history %}
            <tr>
                <td>{{ h.at }}</td>
                <td>{{ h.shop }}</td>
                <td>{% if h.healthy %}<span class="badge-ok">OK</span>{% else %}<span class="badge-err">ПРОБЛЕМЫ</span>{% endif %}</td>
                <td>{{ h.ping_failures }}</td>
                <td>{{ h.probe_failures }}</td>
                <td style="font-size:0.8rem;">{{ h.warnings | join('; ') }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endif %}
{% endblock %}

{% block scripts %}
<script>
async function runDiagnostics() {
    const btn = document.getElementById('run-btn');
    btn.disabled = true;
    btn.textContent = 'Проверяю…';
    try {
        const r = await fetch('/api/diagnostics/run', {method: 'POST'});
        const data = await r.json();
        showToast('Проверено магазинов: ' + data.shops_checked, true);
        setTimeout(() => location.reload(), 1000);
    } catch (e) {
        showToast('Ошибка: ' + e, false);
        btn.disabled = false;
        btn.textContent = 'Проверить сейчас';
    }
}
</script>
{% endblock %}