{% extends "base.html" %}

{% block nav_key %}dashboard{% endblock %}
{% block title %}控制台概览 | 自动续火花{% endblock %}
{% block page_title %}控制台概览{% endblock %}
{% block page_subtitle %}发送状态、账号健康和关键运维入口{% endblock %}

{% block topbar_actions %}
<a class="ghost-button" href="/login-workspace">登录工作区</a>
{% endblock %}

{% block content %}
{% set enabled_accounts = accounts | selectattr("enabled", "equalto", true) | list %}
{% set send_summary = ops.send_console.summary %}
{% set pending_total = send_summary.today_pending_targets + send_summary.today_unprocessed_targets %}
{% set proxy_rows = ops.containers | selectattr("Names", "equalto", "mihomo") | list %}

<div class="dashboard-shell">
  <section class="stats-grid" aria-label="今日概览">
    <article class="stat-card">
      <div class="stat-meta">
        <span class="stat-label">启用账号</span>
        <strong class="stat-value">{{ enabled_accounts|length }}</strong>
        <span class="stat-help">总账号 {{ accounts|length }}</span>
      </div>
      <div class="stat-icon blue">A</div>
    </article>

    <article class="stat-card">
      <div class="stat-meta">
        <span class="stat-label">今日成功</span>
        <strong class="stat-value"
          >{{ send_summary.today_sent_targets }}</strong
        >
        <span class="stat-help">浏览器确认发送成功</span>
      </div>
      <div
        class="stat-icon {% if send_summary.today_sent_targets > 0 %}green{% else %}gray{% endif %}"
      >
        ✓
      </div>
    </article>

    <article class="stat-card">
      <div class="stat-meta">
        <span class="stat-label">失败待补发</span>
        <strong class="stat-value"
          >{{ send_summary.today_failed_targets }}</strong
        >
        <span class="stat-help">进入重试队列</span>
      </div>
      <div
        class="stat-icon {% if send_summary.today_failed_targets > 0 %}red{% else %}gray{% endif %}"
      >
        !
      </div>
    </article>

    <article class="stat-card">
      <div class="stat-meta">
        <span class="stat-label">待发送</span>
        <strong class="stat-value"
          >{{ send_summary.today_pending_targets }}</strong
        >
        <span class="stat-help">{{ ops.daily_schedule or "未配置窗口" }}</span>
      </div>
      <div class="stat-icon orange">◔</div>
    </article>

    <article class="stat-card">
      <div class="stat-meta">
        <span class="stat-label">未处理</span>
        <strong class="stat-value"
          >{{ send_summary.today_unprocessed_targets }}</strong
        >
        <span class="stat-help">等待后续调度</span>
      </div>
      <div class="stat-icon gray">…</div>
    </article>
  </section>

  <div class="layout-grid">
    <div class="stack">
      <section class="panel">
        <div class="section-title-row">
          <div>
            <h2>今日发送摘要</h2>
            <p class="muted compact">
              按账号展示今日发送、失败和待处理状态，详细明细可继续展开查看。
            </p>
          </div>
          <a class="link-button" href="/ops/send-console">查看明细</a>
        </div>

        <div class="table-shell">
          <table>
            <thead>
              <tr>
                <th>账号</th>
                <th>今日成功</th>
                <th>失败待补发</th>
                <th>待发送</th>
                <th>未处理</th>
                <th>最近失败原因</th>
              </tr>
            </thead>
            <tbody>
              {% for row in ops.send_console.accounts %}
              <tr>
                <td>
                  <strong>{{ row.username }}</strong><br />
                  <span class="muted">{{ row.unique_id }}</span>
                </td>
                <td>{{ row.sent_targets|length }}</td>
                <td>{{ row.failed_targets|length }}</td>
                <td>{{ row.pending_targets|length }}</td>
                <td>{{ row.unprocessed_targets|length }}</td>
                <td>{{ row.last_failure_reason or "-" }}</td>
              </tr>
              {% else %}
              <tr>
                <td colspan="6">当前没有发送摘要数据。</td>
              </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
      </section>

      <section class="panel">
        <div class="section-title-row">
          <div>
            <h2>账号健康</h2>
            <p class="muted compact">
              快速确认账号启用状态、目标好友数量和登录态缓存规模。
            </p>
          </div>
          <a class="ghost-button" href="/accounts">管理账号</a>
        </div>

        {% if accounts %}
        <div class="content-grid">
          {% for account in accounts %}
          <article class="quick-card">
            <div class="account-head">
              <div class="account-ident">
                <div class="avatar-photo">
                  {{ account.username[:1] if account.username else "A" }}
                </div>
                <div>
                  <div class="account-name">{{ account.username }}</div>
                  <div class="account-sub">
                    unique_id: {{ account.unique_id }}
                  </div>
                </div>
              </div>
              <span
                class="status-chip {% if account.enabled|default(true) %}success{% else %}warning{% endif %}"
              >
                {% if account.enabled|default(true) %}已启用{% else %}已停用{%
                endif %}
              </span>
            </div>
            <div class="account-metrics">
              <div class="metric-box">
                <span class="label">目标</span
                ><strong>{{ account.targets|length }}</strong>
              </div>
              <div class="metric-box">
                <span class="label">好友缓存</span
                ><strong
                  >{{ account.friends_cache|default([], true)|length }}</strong
                >
              </div>
              <div class="metric-box">
                <span class="label">Cookies</span
                ><strong>{{ account.cookies|length }}</strong>
              </div>
            </div>
          </article>
          {% endfor %}
        </div>
        {% else %}
        <div class="empty-state">
          还没有账号。前往登录工作区完成扫码登录并保存账号。
        </div>
        {% endif %}
      </section>
    </div>

    <aside class="stack">
      <section class="panel">
        <div class="section-title-row">
          <div>
            <h2>关键操作</h2>
            <p class="muted compact">
              常用入口和高风险动作分开处理，避免误触。
            </p>
          </div>
        </div>
        <div class="link-list">
          <a class="link-button" href="/login-workspace">打开登录工作区</a>
          <a class="ghost-button" href="/accounts">账号与目标管理</a>
          <a class="ghost-button" href="/settings">运行与系统设置</a>
          <form method="post" action="/ops/run-unsent">
            <input type="hidden" name="csrf_token" value="{{ csrf_token }}" />
            <button class="soft-button" type="submit">补发未成功目标</button>
          </form>
          <form
            method="post"
            action="/ops/run-now"
            data-confirm="补发全部对象会对所有启用账号的全部目标重新发送一遍，确认继续？"
          >
            <input type="hidden" name="csrf_token" value="{{ csrf_token }}" />
            <button class="danger-button" type="submit">补发全部对象</button>
          </form>
        </div>
      </section>

      <section class="panel">
        <div class="section-title-row">
          <div>
            <h2>服务状态</h2>
            <p class="muted compact">代理、调度和发送窗口的轻量巡检。</p>
          </div>
        </div>
        <div class="summary-list">
          <div class="summary-row">
            <div>
              <strong>代理容器</strong>
              <span
                >{{ proxy_rows[0].Status if proxy_rows else "未检测到 mihomo"
                }}</span
              >
            </div>
            <span
              class="status-chip {% if proxy_rows and 'Up' in proxy_rows[0].Status %}success{% else %}warning{% endif %}"
            >
              {% if proxy_rows and 'Up' in proxy_rows[0].Status %}运行中{% else
              %}需检查{% endif %}
            </span>
          </div>
          <div class="summary-row">
            <div>
              <strong>发送窗口</strong>
              <span>{{ ops.daily_schedule or "未配置" }}</span>
            </div>
            <a class="soft-button" href="/settings">调整</a>
          </div>
          <div class="summary-row">
            <div>
              <strong>待处理目标</strong>
              <span>{{ pending_total }} 个目标等待发送或调度</span>
            </div>
            <a class="ghost-button" href="/ops/send-console">查看</a>
          </div>
        </div>
      </section>
    </aside>
  </div>
</div>
{% endblock %}