{% extends "base.html" %}
{% block title %}调度中心 — News Harvester{% endblock %}
{% block extra_head %}
<meta http-equiv="refresh" content="60">
<style>
  .tl { position:relative; height:30px; background:linear-gradient(90deg,#181b24,#1e2230); border:1px solid #2a2d37; border-radius:5px; min-width:300px; }
  .tl .h { position:absolute; top:0; bottom:0; width:1px; background:#2a2d37; }
  .tl .dot { position:absolute; top:9px; width:11px; height:11px; margin-left:-5px; border-radius:50%; background:#3f7d52; cursor:default; }
  .tl .dot.next { background:#e8c34a; box-shadow:0 0 7px #e8c34a; }
  .tl .dot.dis { background:#5a5f6e; }
  .tl .now { position:absolute; top:-2px; bottom:-2px; width:2px; background:#e05555; z-index:2; }
  .tl .lbl { position:absolute; top:-12px; font-size:10px; color:#e8c34a; transform:translateX(-50%); white-space:nowrap; }
  .hourbar { display:flex; justify-content:space-between; color:#666; font-size:10px; margin-top:2px; }
  .time-input { width:110px; background:#1a1d27; border:1px solid #2a2d37; border-radius:4px; color:#d4d4d4; padding:3px 6px; font-family:monospace; }
  .next-cell { font-weight:bold; }
  .next-cell .in { color:#e8c34a; font-size:12px; }
</style>
{% endblock %}
{% block content %}

<h1>调度中心</h1>
<p style="color:#666;font-size:13px">
  每源一行:24 小时时间轴上标出全部触发时刻(<span style="color:#3f7d52">●</span>),
  <span style="color:#e8c34a">黄色高亮</span>为下次触发,红色竖线为当前时刻,按下次触发排序。
  每日汇总 digest:{{ digest_times|join(', ') if digest_times else '未排' }}{% if digest_next %},下次 {{ digest_next.strftime('%m-%d %H:%M') }}{% endif %}。
  时间格式 HH:MM,多个用逗号分隔(如 09:00,14:30);删除仅移除调度,技能源与历史保留。
</p>

{% with messages = get_flashed_messages() %}
  {% if messages %}{% for m in messages %}<div class="flash">{{ m }}</div>{% endfor %}{% endif %}
{% endwith %}

<div class="table-wrap">
<table>
  <thead>
    <tr><th>栏目</th><th style="min-width:320px">24h 时间轴</th><th>定时</th><th>下次触发</th><th>上次运行</th><th>操作</th></tr>
  </thead>
  <tbody>
    {% for r in rows %}
    <tr>
      <td>
        <code>{{ r.name }}</code>{% if r.display and r.display != r.name %} <span style="color:#888">{{ r.display }}</span>{% endif %}<br>
        {% if r.state == 'active' %}<span class="badge ok">调度中</span>
        {% elif r.state == 'disabled' %}<span class="badge inactive">已禁用</span>
        {% else %}<span class="badge unknown">未排程</span>{% endif %}
        {% if not r.enabled %}<span class="badge unknown" style="margin-left:3px">技能停用</span>{% endif %}
      </td>
      <td>
        {% if r.times %}
        <div class="tl">
          <div class="h" style="left:25%"></div><div class="h" style="left:50%"></div><div class="h" style="left:75%"></div>
          {% for t in r.times %}
          {% set h = t.split(':')[0]|int %}{% set m = t.split(':')[1]|int %}
          {% set pct = ((h*60+m)/1440*100)|round(2) %}
          <div class="dot {{ 'next' if r.next_time == t else '' }}{{ ' dis' if r.state != 'active' else '' }}"
               style="left:{{ pct }}%" title="{{ t }}{% if r.state != 'active' %}(未启用){% endif %}"></div>
          {% endfor %}
          <div class="now" style="left:{{ ((now.hour*60+now.minute)/1440*100)|round(2) }}%" title="现在 {{ now.strftime('%H:%M') }}"></div>
        </div>
        <div class="hourbar"><span>00</span><span>06</span><span>12</span><span>18</span><span>24</span></div>
        {% else %}
        <span style="color:#666">— 未排程 —</span>
        {% endif %}
      </td>
      <td><code>{{ r.times|join(', ') if r.times else '—' }}</code></td>
      <td class="next-cell">
        {% if r.next_in_min is not none %}
          {{ r.next }}<br><span class="in">{{ r.next_in_min }} 分钟后</span>
        {% else %}—{% endif %}
      </td>
      <td>
        {% if r.last %}
          {{ r.last.mtime }}<br>
          {% if '成功' in (r.last.status or '') %}<span class="badge ok">{{ r.last.status }}</span>
          {% elif r.last.status %}<span class="badge fail">{{ r.last.status }}</span>{% endif %}
        {% else %}<span style="color:#666">从未</span>{% endif %}
      </td>
      <td>
        <form method="POST" action="{{ url_for('schedule_time_set') }}" style="display:inline">
          <input type="hidden" name="name" value="{{ r.name }}">
          <input class="time-input" name="times" value="{{ r.times|join(',') if r.times else '09:00' }}"
                 pattern="([01]?\d|2[0-3]):[0-5]\d(,([01]?\d|2[0-3]):[0-5]\d)*" title="HH:MM,多个逗号分隔">
          <button type="submit" class="btn btn-sm btn-primary">{{ '保存' if r.times else '创建排程' }}</button>
        </form>
        {% if r.state != 'none' %}
        <form method="POST" action="{{ url_for('schedule_delete', name=r.name) }}" style="display:inline"
              onsubmit="return confirm('移除 {{ r.name }} 的调度?(技能源与运行历史保留,可随时重建)')">
          <button type="submit" class="btn btn-sm btn-danger">删除</button>
        </form>
        {% endif %}
      </td>
    </tr>
    {% endfor %}
  </tbody>
</table>
</div>

{% endblock %}