{% 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">スレッド管理</a>
  <a href="/settings" class="active">設定</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 saved %}
<div class="alert alert-success">設定を保存しました</div>
{% endif %}

{% if redownload_error %}
<div class="alert alert-error">
  <div>元画像の再取得中にエラーが発生しました</div>
  <div style="margin-top:0.5rem;font-size:0.85rem;">{{ redownload_error }}</div>
</div>
{% endif %}

{% if redownload_result %}
<div class="alert alert-success">
  <div>元画像の再取得が完了しました</div>
  <div style="margin-top:0.5rem;font-size:0.85rem;line-height:1.6;">
    対象: {{ redownload_result.candidates }}件 /
    成功: {{ redownload_result.upgraded }}件 /
    失敗: {{ redownload_result.failed }}件 /
    スキップ: {{ redownload_result.skipped }}件
    {% if redownload_result.marked_rare %}
    / レア判定: {{ redownload_result.marked_rare }}件
    {% endif %}
  </div>
</div>
{% endif %}

{% if repair_error %}
<div class="alert alert-error">
  <div>ストレージ修復中にエラーが発生しました</div>
  <div style="margin-top:0.5rem;font-size:0.85rem;">{{ repair_error }}</div>
</div>
{% endif %}

{% if repair_result %}
<div class="alert alert-success">
  <div>ストレージ修復が完了しました</div>
  <div style="margin-top:0.5rem;font-size:0.85rem;line-height:1.6;">
    DB登録: {{ repair_result.db_total }}件（保存済み {{ repair_result.db_saved }}件）<br>
    ディスク上のファイル: {{ repair_result.files_on_disk }}件<br>
    パス修正: {{ repair_result.paths_fixed }}件 / リネーム: {{ repair_result.renamed_files }}件<br>
    新規登録: {{ repair_result.rebuild.created }}件 / 更新: {{ repair_result.rebuild.updated }}件<br>
    {% if repair_result.video_thumbs %}
    動画サムネ: {{ repair_result.video_thumbs.created }}件生成（対象 {{ repair_result.video_thumbs.candidates }}件 / 失敗 {{ repair_result.video_thumbs.failed }}件）<br>
    {% endif %}
    {% if repair_result.upgrade %}
    元画像への再取得: {{ repair_result.upgrade.upgraded }}件（対象 {{ repair_result.upgrade.candidates }}件 / 失敗 {{ repair_result.upgrade.failed }}件）
    {% endif %}
  </div>
</div>
{% endif %}

{% if rare_scan_error %}
<div class="alert alert-error">
  <div>レア画像スキャン中にエラーが発生しました</div>
  <div style="margin-top:0.5rem;font-size:0.85rem;">{{ rare_scan_error }}</div>
</div>
{% endif %}

{% if rare_scan_result %}
<div class="alert alert-success">
  <div>レア画像スキャンが完了しました</div>
  <div style="margin-top:0.5rem;font-size:0.85rem;line-height:1.6;">
    確認: {{ rare_scan_result.checked }}件 /
    レア判定: {{ rare_scan_result.marked_rare }}件 /
    まだ取得可: {{ rare_scan_result.still_available }}件 /
    スキップ: {{ rare_scan_result.skipped }}件
  </div>
</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>
  <p style="color:var(--muted);font-size:0.85rem;margin-bottom:0.75rem;line-height:1.6;">
    いつもチャンネル(5chan.jp)で保存済みの画像について、元サイトから消えているか確認します。ローカルにだけ残っている画像に★レアマークが付き、自動削除の対象外になります。
  </p>
  <form method="post" action="/settings/rare-scan" class="busy-form" data-busy-message="レア画像をスキャン中..." data-confirm="保存済み5chan画像の元URLを確認します。件数が多いと時間がかかります。実行しますか？">
    <button type="submit" class="btn btn-primary">レア画像をスキャン</button>
  </form>
</div>

<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>
  <p style="color:var(--muted);font-size:0.85rem;margin-bottom:0.75rem;line-height:1.6;">
    サムネイルだけ保存されている・ファイルが無い・404失敗のレコードを、元画像URLで取り直します。件数が多いと時間がかかります。
  </p>
  <form method="post" action="/settings/redownload" class="busy-form" data-busy-message="元画像を再取得中..." data-confirm="全対象レコードを元画像で再取得します。時間がかかることがあります。実行しますか？">
    <button type="submit" class="btn btn-primary">元画像を再取得</button>
  </form>
</div>

<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;">ZIPアーカイブ（容量整理）</h2>
  <p style="color:var(--muted);font-size:0.85rem;margin-bottom:0.75rem;line-height:1.6;">
    古い画像の<strong>原本</strong>をスレッド単位のZIP（<code>data/archives/thread_*.zip</code>）へ退避します。
    一覧・ビューアは今まで通り表示されます（解凍操作は不要）。
    サムネイルは表示速度のためディスクに残します。お気に入り・★レアは対象外です。
  </p>
  <div style="font-size:0.85rem;color:var(--muted);margin-bottom:0.75rem;line-height:1.6;">
    現在: 退避済み {{ archive_stats.archived_count }}件 /
    通常保存 {{ archive_stats.loose_count }}件 /
    ZIP合計 {{ format_bytes(archive_stats.archive_zip_bytes) }}
  </div>
  {% if archive_error %}
  <div class="alert alert-error" style="margin-bottom:0.75rem;">{{ archive_error }}</div>
  {% endif %}
  {% if archive_result %}
  <div class="alert alert-success" style="margin-bottom:0.75rem;line-height:1.6;">
    アーカイブ完了: {{ archive_result.archived }}件 /
    スキップ {{ archive_result.skipped }}件 /
    約 {{ format_bytes(archive_result.bytes_moved) }} をZIPへ移動
  </div>
  {% endif %}
  <form method="post" action="/settings/archive" class="busy-form" data-busy-message="ZIPアーカイブ中..." data-confirm="対象画像の原本をZIPへ退避します。続行しますか？" style="display:flex;gap:0.5rem;flex-wrap:wrap;align-items:center;margin-bottom:0.75rem;">
    <label style="font-size:0.85rem;color:var(--muted);">対象: 発見から</label>
    <input type="number" name="archive_days" value="{{ config.get('archive', {}).get('auto_days', 30) }}" min="1" style="width:5rem;">
    <span style="font-size:0.85rem;color:var(--muted);">日以上前</span>
    <button type="submit" class="btn btn-primary">今すぐアーカイブ</button>
  </form>
</div>

<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>
  <p style="color:var(--muted);font-size:0.85rem;margin-bottom:0.75rem;line-height:1.6;">
    dataフォルダの画像とDBの紐付けがずれたときに実行してください。拡張子の修正と再インデックスに加え、5chanのサムネイル保存分を元画像で再取得します。
  </p>
  <form method="post" action="/settings/repair" class="busy-form" data-busy-message="ストレージを修復中...">
    <button type="submit" class="btn btn-primary">ストレージを修復</button>
  </form>
</div>

<form method="post" action="/settings" style="max-width:500px;">
  <h2 style="font-size:1rem;margin:1.5rem 0 0.75rem;">監視間隔（秒）</h2>
  <div class="form-group">
    <label>最小間隔</label>
    <input type="number" name="check_interval_min" value="{{ config['crawler']['check_interval_min'] }}" min="60" style="width:100%">
    <div style="color:var(--muted);font-size:0.8rem;margin-top:0.25rem;">手動閲覧並みにするなら120秒以上推奨</div>
  </div>
  <div class="form-group">
    <label>最大間隔</label>
    <input type="number" name="check_interval_max" value="{{ config['crawler']['check_interval_max'] }}" min="60" style="width:100%">
  </div>

  <h2 style="font-size:1rem;margin:1.5rem 0 0.75rem;">アクセス速度（人手並み）</h2>
  <p style="color:var(--muted);font-size:0.85rem;margin-bottom:0.75rem;line-height:1.6;">
    各リクエストの前にランダム待機します。IP制限を避けるため、短くしすぎないでください。
  </p>
  <div class="form-group">
    <label>画像1枚ごと（秒）</label>
    <div style="display:flex;gap:0.5rem;">
      <input type="number" name="image_delay_min" value="{{ config['crawler'].get('image_delay_min', 2) }}" min="1" max="60" step="0.5" style="width:100%">
      <span style="color:var(--muted);align-self:center;">〜</span>
      <input type="number" name="image_delay_max" value="{{ config['crawler'].get('image_delay_max', 5) }}" min="1" max="120" step="0.5" style="width:100%">
    </div>
  </div>
  <div class="form-group">
    <label>スレッド切替（秒）</label>
    <div style="display:flex;gap:0.5rem;">
      <input type="number" name="thread_delay_min" value="{{ config['crawler'].get('thread_delay_min', 5) }}" min="1" max="120" step="0.5" style="width:100%">
      <span style="color:var(--muted);align-self:center;">〜</span>
      <input type="number" name="thread_delay_max" value="{{ config['crawler'].get('thread_delay_max', 10) }}" min="1" max="300" step="0.5" style="width:100%">
    </div>
  </div>
  <div class="form-group">
    <label>ページ取得（秒）</label>
    <div style="display:flex;gap:0.5rem;">
      <input type="number" name="page_delay_min" value="{{ config['crawler'].get('page_delay_min', 1.5) }}" min="0.5" max="60" step="0.5" style="width:100%">
      <span style="color:var(--muted);align-self:center;">〜</span>
      <input type="number" name="page_delay_max" value="{{ config['crawler'].get('page_delay_max', 4) }}" min="0.5" max="120" step="0.5" style="width:100%">
    </div>
  </div>

  <h2 style="font-size:1rem;margin:1.5rem 0 0.75rem;">安全設定</h2>
  <div class="form-group">
    <label>ファイルサイズ上限 (MB)</label>
    <input type="number" name="max_file_size_mb" value="{{ config['crawler']['max_file_size_mb'] }}" min="1" max="2048" style="width:100%">
    <div style="color:var(--muted);font-size:0.8rem;margin-top:0.25rem;">画像・動画の合計上限（1〜2048 MB）</div>
  </div>

  <h2 style="font-size:1rem;margin:1.5rem 0 0.75rem;">保存期間（日）</h2>
  <p style="color:var(--muted);font-size:0.85rem;margin-bottom:0.75rem;line-height:1.6;">
    お気に入り（♥）と★レアの画像・動画は、保存期間に関係なく<strong>絶対に自動削除されません</strong>。手動削除もできません。
  </p>
  <div class="form-group">
    <label>未確認の自動削除</label>
    <input type="number" name="unconfirmed_days" value="{{ config['retention']['unconfirmed_days'] }}" min="1" style="width:100%">
  </div>
  <div class="form-group">
    <label>確認済みの自動削除</label>
    <input type="number" name="confirmed_days" value="{{ config['retention']['confirmed_days'] }}" min="1" style="width:100%">
  </div>

  <h2 style="font-size:1rem;margin:1.5rem 0 0.75rem;">ZIPアーカイブ（自動）</h2>
  <div class="form-group">
    <label style="display:flex;align-items:center;gap:0.4rem;">
      <input type="checkbox" name="archive_auto_enabled" value="1" {% if config.get('archive', {}).get('auto_enabled', True) %}checked{% endif %}>
      毎日、古い原本を自動でZIPへ退避
    </label>
  </div>
  <div class="form-group">
    <label>自動退避の対象（発見から何日以上前）</label>
    <input type="number" name="archive_auto_days" value="{{ config.get('archive', {}).get('auto_days', 30) }}" min="1" style="width:100%">
  </div>

  <button type="submit" class="btn btn-primary">保存</button>
</form>

<div style="margin-top:2rem;color:var(--muted);font-size:0.85rem;">
  <p>保存先: {{ config['storage']['base_dir'] }}</p>
  <p>認証情報は config.yaml の auth セクションで変更してください。</p>
</div>
{% endblock %}