{% extends "base.html" %}
{% block nav %}
<nav>
  <span class="brand">画像収集クローラー</span>
  <a href="/">画像一覧</a>
  <a href="/boards">掲示板別</a>
  <a href="/bookmarks">ブックマーク</a>
  <a href="/album">アルバムモード</a>
  <a href="/threads" class="active">スレッド管理</a>
  <a href="/settings">設定</a>
  <div id="job-status" class="job-status hidden">
    <span class="spinner"></span>
    <span id="job-status-text">処理中...</span>
  </div>
  <a href="/logout">ログアウト</a>
</nav>
{% endblock %}
{% block content %}
<h1>スレッド管理</h1>

{% if message %}
<div class="alert alert-error">{{ message }}</div>
{% endif %}

<div style="background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:1.5rem;">
  <h2 style="font-size:1rem;margin-bottom:0.75rem;">スレッドを追加</h2>
  <form method="post" action="/threads/add" class="busy-form" data-busy-message="スレッドを登録中..." style="display:flex;gap:0.5rem;flex-wrap:wrap;align-items:center;">
    <input type="url" name="url" placeholder="https://..." required style="flex:1;min-width:200px;">
    <label style="font-size:0.85rem;color:var(--muted);display:flex;align-items:center;gap:0.3rem;white-space:nowrap;">
      <input type="checkbox" name="fast_mode" value="1" checked>
      legmemoryは高速
    </label>
    <button type="submit" class="btn btn-primary">登録</button>
  </form>
  <p style="color:var(--muted);font-size:0.8rem;margin-top:0.5rem;line-height:1.5;">
    legmemory.com はサイトが小さいため高速モード可。5chan（いつもチャンネル）は人手並みの待機が入ります。
  </p>
</div>

<table>
  <thead>
    <tr>
      <th>ID</th>
      <th>タイトル / URL</th>
      <th>種別</th>
      <th>最終レス</th>
      <th>最終チェック</th>
      <th>状態</th>
      <th>操作</th>
    </tr>
  </thead>
  <tbody>
    {% for t in threads %}
    <tr>
      <td>{{ t.id }}</td>
      <td>
        <div style="font-weight:500;">{{ t.title or '(未取得)' }}</div>
        <div class="truncate" style="max-width:400px;">
          <a href="/go?url={{ t.url | urlencode }}" style="color:var(--accent);font-size:0.8rem;">{{ t.url }}</a>
        </div>
      </td>
      <td>{{ t.board_type }}</td>
      <td>
        {{ t.last_res_no }}
        {% if t.board_type == 'legmemory' and not t.full_scan_done %}
        <div style="color:var(--warning);font-size:0.75rem;">全ページ取得中</div>
        {% endif %}
      </td>
      <td>{{ t.last_checked_at.strftime('%m/%d %H:%M') if t.last_checked_at else '-' }}</td>
      <td>
        {{ '監視中' if t.enabled else '停止' }}
        {% if t.board_type == 'legmemory' %}
        <div style="font-size:0.75rem;margin-top:0.2rem;color:{% if t.fast_mode %}var(--success){% else %}var(--muted){% endif %};">
          {{ '高速' if t.fast_mode else '通常速度' }}
        </div>
        {% endif %}
      </td>
      <td style="display:flex;gap:0.3rem;flex-wrap:wrap;">
        {% if t.board_type == 'legmemory' %}
        <form method="post" action="/threads/{{ t.id }}/fast" class="busy-form" data-busy-message="設定を変更中...">
          <button type="submit" class="btn" style="font-size:0.75rem;{% if t.fast_mode %}border-color:var(--success);color:var(--success);{% endif %}">
            {{ '高速ON' if t.fast_mode else '高速化' }}
          </button>
        </form>
        {% endif %}
        <form method="post" action="/threads/{{ t.id }}/rescan" class="busy-form" data-busy-message="スレッド全ページ再スキャン中..." data-confirm="全ページを最初から再スキャンしますか？（legmemoryは数十ページあり時間がかかります）">
          <button type="submit" class="btn" style="font-size:0.75rem;">再スキャン</button>
        </form>
        <form method="post" action="/threads/{{ t.id }}/toggle" class="busy-form" data-busy-message="設定を変更中...">
          <button type="submit" class="btn" style="font-size:0.75rem;">{{ '停止' if t.enabled else '再開' }}</button>
        </form>
        <form method="post" action="/threads/{{ t.id }}/delete" class="busy-form" data-busy-message="スレッドを削除中..." data-confirm="このスレッドと関連画像を削除しますか？">
          <button type="submit" class="btn btn-danger" style="font-size:0.75rem;">削除</button>
        </form>
      </td>
    </tr>
    {% else %}
    <tr><td colspan="7" style="color:var(--muted);">登録されたスレッドはありません</td></tr>
    {% endfor %}
  </tbody>
</table>
{% endblock %}