{% extends "base.html" %}

{% block nav_key %}send_console{% endblock %}
{% block title %}发送明细 | 自动续火花{% endblock %}
{% block page_title %}发送明细{% endblock %}
{% block page_subtitle %}今日发送明细、失败队列和针对性重试{% endblock %}

{% block topbar_actions %}
<a class="ghost-button" href="/">返回概览</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>
{% endblock %}

{% block content %}
{% set send_console = ops.send_console %}
<div class="console-shell">
  <section class="console-overview">
    <div class="overview-time muted">
      当前时间：{{ send_console.now|replace('T', ' ') }}
    </div>

    <div class="stats-grid console-stats">
      <article class="stat-card">
        <div class="stat-meta">
          <span class="stat-label">启用账号</span>
          <strong class="stat-value"
            >{{ send_console.summary.enabled_accounts }}</strong
          >
          <span class="stat-help">当前可发送账号</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_console.summary.today_sent_targets }}</strong
          >
          <span class="stat-help">写回发送历史</span>
        </div>
        <div
          class="stat-icon {% if send_console.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_console.summary.today_failed_targets }}</strong
          >
          <span class="stat-help">按失败分类重试</span>
        </div>
        <div
          class="stat-icon {% if send_console.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_console.summary.today_pending_targets }}</strong
          >
          <span class="stat-help">窗口内按计划发送</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_console.summary.today_unprocessed_targets }}</strong
          >
          <span class="stat-help">等待调度</span>
        </div>
        <div class="stat-icon gray">…</div>
      </article>
    </div>
  </section>

  {% if send_console.accounts %}
  <section class="console-account-list">
    {% for account in send_console.accounts %}
    <article class="panel account-panel">
      <div class="account-panel__header">
        <div class="account-panel__meta">
          <div class="account-avatar">{{ (account.username or 'A')[:1] }}</div>
          <div>
            <div class="account-panel__name">{{ account.username }}</div>
            <div class="account-panel__subline">
              unique_id: {{ account.unique_id }}
            </div>
          </div>
        </div>

        <div class="button-row">
          <span class="status-chip success"
            >成功 {{ account.sent_targets|length }}</span
          >
          <span class="status-chip danger"
            >失败 {{ account.failed_targets|length }}</span
          >
          <span class="status-chip warning"
            >待发送 {{ account.pending_targets|length }}</span
          >
          <span class="status-chip info"
            >未处理 {{ account.unprocessed_targets|length }}</span
          >
        </div>
      </div>

      <div class="account-grid">
        <section class="data-card">
          <div class="data-card__head">
            <div class="data-card__title success">
              <i>●</i><span>今日已成功</span>
            </div>
          </div>
          <div class="table-shell data-card__table">
            <table>
              <thead>
                <tr>
                  <th>目标</th>
                  <th>消息</th>
                  <th>sentAt</th>
                </tr>
              </thead>
              <tbody>
                {% for item in account.sent_targets[:5] %}
                <tr>
                  <td>{{ item.target }}</td>
                  <td>{{ item.message or "-" }}</td>
                  <td>{{ item.sentAt or "-" }}</td>
                </tr>
                {% else %}
                <tr>
                  <td colspan="3">今日暂无成功目标</td>
                </tr>
                {% endfor %}
              </tbody>
            </table>
          </div>
          <div class="data-card__footer">
            {% if account.sent_targets|length > 5 %}
            <button
              type="button"
              class="data-card__footer-button"
              data-expand-target="sent-{{ loop.index0 }}"
              data-total-label="查看全部（{{ account.sent_targets|length }}）"
            >
              查看全部（{{ account.sent_targets|length }}）
            </button>
            {% endif %}
          </div>
          <div class="data-card__extra" id="sent-{{ loop.index0 }}">
            <div class="table-shell">
              <table>
                <thead>
                  <tr>
                    <th>目标</th>
                    <th>消息</th>
                    <th>sentAt</th>
                  </tr>
                </thead>
                <tbody>
                  {% for item in account.sent_targets %}
                  <tr>
                    <td>{{ item.target }}</td>
                    <td>{{ item.message or "-" }}</td>
                    <td>{{ item.sentAt or "-" }}</td>
                  </tr>
                  {% endfor %}
                </tbody>
              </table>
            </div>
          </div>
        </section>

        <section class="data-card">
          <div class="data-card__head">
            <div class="data-card__title danger">
              <i>▲</i><span>失败待补发</span>
            </div>
          </div>
          <div class="table-shell data-card__table">
            <table>
              <thead>
                <tr>
                  <th>目标</th>
                  <th>失败分类</th>
                  <th>失败原因</th>
                  <th>次数</th>
                  <th>操作</th>
                </tr>
              </thead>
              <tbody>
                {% for item in account.failed_targets[:5] %}
                <tr>
                  <td>{{ item.target }}</td>
                  <td>{{ item.category or "-" }}</td>
                  <td>{{ item.reason or "-" }}</td>
                  <td>{{ item.attemptCount or 0 }}</td>
                  <td>
                    <form
                      method="post"
                      action="/accounts/{{ account.unique_id }}/retry-target"
                    >
                      <input
                        type="hidden"
                        name="csrf_token"
                        value="{{ csrf_token }}"
                      />
                      <input
                        type="hidden"
                        name="target"
                        value="{{ item.target }}"
                      />
                      <button type="submit" class="soft-button">重试</button>
                    </form>
                  </td>
                </tr>
                {% else %}
                <tr>
                  <td colspan="5">暂无失败待补发目标</td>
                </tr>
                {% endfor %}
              </tbody>
            </table>
          </div>
          <div class="data-card__footer">
            {% if account.failed_targets|length > 5 %}
            <button
              type="button"
              class="data-card__footer-button"
              data-expand-target="failed-{{ loop.index0 }}"
              data-total-label="查看全部（{{ account.failed_targets|length }}）"
            >
              查看全部（{{ account.failed_targets|length }}）
            </button>
            {% endif %}
          </div>
          <div class="data-card__extra" id="failed-{{ loop.index0 }}">
            <div class="table-shell">
              <table>
                <thead>
                  <tr>
                    <th>目标</th>
                    <th>失败分类</th>
                    <th>失败原因</th>
                    <th>次数</th>
                    <th>操作</th>
                  </tr>
                </thead>
                <tbody>
                  {% for item in account.failed_targets %}
                  <tr>
                    <td>{{ item.target }}</td>
                    <td>{{ item.category or "-" }}</td>
                    <td>{{ item.reason or "-" }}</td>
                    <td>{{ item.attemptCount or 0 }}</td>
                    <td>
                      <form
                        method="post"
                        action="/accounts/{{ account.unique_id }}/retry-target"
                      >
                        <input
                          type="hidden"
                          name="csrf_token"
                          value="{{ csrf_token }}"
                        />
                        <input
                          type="hidden"
                          name="target"
                          value="{{ item.target }}"
                        />
                        <button type="submit" class="soft-button">重试</button>
                      </form>
                    </td>
                  </tr>
                  {% endfor %}
                </tbody>
              </table>
            </div>
          </div>
        </section>

        <section class="data-card">
          <div class="data-card__head">
            <div class="data-card__title warning">
              <i>◔</i><span>今日待发送</span>
            </div>
          </div>
          <div class="table-shell data-card__table">
            <table>
              <thead>
                <tr>
                  <th>目标</th>
                  <th>scheduledAt</th>
                </tr>
              </thead>
              <tbody>
                {% for item in account.pending_targets[:5] %}
                <tr>
                  <td>{{ item.target }}</td>
                  <td>{{ item.scheduledAt or "-" }}</td>
                </tr>
                {% else %}
                <tr>
                  <td colspan="2">今日暂无待发送目标</td>
                </tr>
                {% endfor %}
              </tbody>
            </table>
          </div>
          <div class="data-card__footer">
            {% if account.pending_targets|length > 5 %}
            <button
              type="button"
              class="data-card__footer-button"
              data-expand-target="pending-{{ loop.index0 }}"
              data-total-label="查看全部（{{ account.pending_targets|length }}）"
            >
              查看全部（{{ account.pending_targets|length }}）
            </button>
            {% endif %}
          </div>
          <div class="data-card__extra" id="pending-{{ loop.index0 }}">
            <div class="table-shell">
              <table>
                <thead>
                  <tr>
                    <th>目标</th>
                    <th>scheduledAt</th>
                  </tr>
                </thead>
                <tbody>
                  {% for item in account.pending_targets %}
                  <tr>
                    <td>{{ item.target }}</td>
                    <td>{{ item.scheduledAt or "-" }}</td>
                  </tr>
                  {% endfor %}
                </tbody>
              </table>
            </div>
          </div>
        </section>

        <section class="data-card">
          <div class="data-card__head">
            <div class="data-card__title info">
              <i>◌</i><span>今日未处理</span>
            </div>
          </div>
          <div class="table-shell data-card__table">
            <table>
              <thead>
                <tr>
                  <th>目标</th>
                  <th>scheduledAt</th>
                </tr>
              </thead>
              <tbody>
                {% for item in account.unprocessed_targets[:5] %}
                <tr>
                  <td>{{ item.target }}</td>
                  <td>{{ item.scheduledAt or "-" }}</td>
                </tr>
                {% else %}
                <tr>
                  <td colspan="2">今日暂无未处理目标</td>
                </tr>
                {% endfor %}
              </tbody>
            </table>
          </div>
          <div class="data-card__footer">
            {% if account.unprocessed_targets|length > 5 %}
            <button
              type="button"
              class="data-card__footer-button"
              data-expand-target="unprocessed-{{ loop.index0 }}"
              data-total-label="查看全部（{{ account.unprocessed_targets|length }}）"
            >
              查看全部（{{ account.unprocessed_targets|length }}）
            </button>
            {% endif %}
          </div>
          <div class="data-card__extra" id="unprocessed-{{ loop.index0 }}">
            <div class="table-shell">
              <table>
                <thead>
                  <tr>
                    <th>目标</th>
                    <th>scheduledAt</th>
                  </tr>
                </thead>
                <tbody>
                  {% for item in account.unprocessed_targets %}
                  <tr>
                    <td>{{ item.target }}</td>
                    <td>{{ item.scheduledAt or "-" }}</td>
                  </tr>
                  {% endfor %}
                </tbody>
              </table>
            </div>
          </div>
        </section>
      </div>
    </article>
    {% endfor %}
  </section>

  <div class="console-footer">共 {{ send_console.accounts|length }} 个账号</div>
  {% else %}
  <div class="console-empty empty-state">
    当前没有启用账号，暂无可展示的发送明细。
  </div>
  {% endif %}
</div>
{% endblock %}