{% extends "base.html" %}
{% set page = "reports" %}
{% block content %}
<div class="card">
  <div class="card-title">📁 生成済みレポート / Generated Reports</div>
  {% if files %}
  <div class="table-wrap">
    <table>
      <thead>
        <tr>
          <th>ファイル名 / Filename</th>
          <th>サイズ / Size</th>
          <th>生成日時 / Generated</th>
          <th>操作 / Action</th>
        </tr>
      </thead>
      <tbody>
        {% for f in files %}
        <tr>
          <td>📄 {{ f.name }}</td>
          <td>{{ f.size_kb }} KB</td>
          <td>{{ f.mtime }}</td>
          <td>
            <button class="btn btn-outline btn-sm" onclick="openReport('{{ f.name }}')">
              📂 開く / Open
            </button>
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  {% else %}
  <div style="color:var(--text-sub); font-size:13px; padding:16px; background:#f5f5f5; border-radius:8px;">
    ⚠️ レポートがまだ生成されていません。<br>
    各レポート画面からレポートを生成してください。
  </div>
  {% endif %}
</div>
{% endblock %}
{% block scripts %}
<script>
async function openReport(name) {
  const res = await post('/api/reports/open', {name});
  if (res.ok) toast('ファイルを開きました / File opened');
  else toast('エラー: ファイルが見つかりません');
}
</script>
{% endblock %}