{% extends "base.html" %}
{% set page = "home" %}
{% block content %}

<div class="summary-grid">
  {% if summary %}
  <div class="summary-card">
    <div class="val">{{ "{:,}".format(summary.total) }}</div>
    <div class="lbl">総計測件数 / Total Records</div>
  </div>
  <div class="summary-card">
    <div class="val">{{ "{:,}".format(summary.included) }}</div>
    <div class="lbl">集計対象件数 / Included</div>
  </div>
  <div class="summary-card">
    <div class="val" style="color:var(--warn)">{{ "{:,}".format(summary.excluded) }}</div>
    <div class="lbl">除外件数 / Excluded</div>
  </div>
  <div class="summary-card">
    <div class="val" style="font-size:18px">{{ summary.date_min }}</div>
    <div class="lbl">データ開始日 / From</div>
  </div>
  <div class="summary-card">
    <div class="val" style="font-size:18px">{{ summary.date_max }}</div>
    <div class="lbl">データ終了日 / To</div>
  </div>
  {% else %}
  <div class="summary-card" style="grid-column: 1/-1">
    <div class="val" style="font-size:18px; color:var(--text-sub)">データなし</div>
    <div class="lbl">まず「取り込み」からCSVを読み込んでください</div>
  </div>
  {% endif %}
</div>

<div class="grid-2">
  <a href="/import">
    <div class="card" style="cursor:pointer; border: 2px solid transparent; transition: border 0.15s;" onmouseover="this.style.borderColor='var(--primary)'" onmouseout="this.style.borderColor='transparent'">
      <div class="card-title">📥 データ取り込み / Import</div>
      <p style="font-size:13px; color:var(--text-sub)">inputフォルダのCSVをデータベースに取り込みます。<br>Import CSV files from the input folder.</p>
    </div>
  </a>
  <a href="/report/daily">
    <div class="card" style="cursor:pointer; border: 2px solid transparent; transition: border 0.15s;" onmouseover="this.style.borderColor='var(--primary)'" onmouseout="this.style.borderColor='transparent'">
      <div class="card-title">📊 日次レポート / Daily Report</div>
      <p style="font-size:13px; color:var(--text-sub)">日付とラインを選択してレポートPDFを生成します。<br>Generate a daily production report PDF.</p>
    </div>
  </a>
  <a href="/report/monthly">
    <div class="card" style="cursor:pointer; border: 2px solid transparent; transition: border 0.15s;" onmouseover="this.style.borderColor='var(--primary)'" onmouseout="this.style.borderColor='transparent'">
      <div class="card-title">📅 月次レポート / Monthly Report</div>
      <p style="font-size:13px; color:var(--text-sub)">月とラインを選択して月次集計レポートを生成します。<br>Generate a monthly summary report.</p>
    </div>
  </a>
  <a href="/report/product">
    <div class="card" style="cursor:pointer; border: 2px solid transparent; transition: border 0.15s;" onmouseover="this.style.borderColor='var(--primary)'" onmouseout="this.style.borderColor='transparent'">
      <div class="card-title">🔍 品種別レポート / Product Report</div>
      <p style="font-size:13px; color:var(--text-sub)">品種と期間を指定したレポートを生成します。<br>Generate a report by product and period.</p>
    </div>
  </a>
  <a href="/exclude">
    <div class="card" style="cursor:pointer; border: 2px solid transparent; transition: border 0.15s;" onmouseover="this.style.borderColor='var(--warn)'" onmouseout="this.style.borderColor='transparent'">
      <div class="card-title">🚫 除外データ管理 / Exclusion Management</div>
      <p style="font-size:13px; color:var(--text-sub)">動作確認NGデータを集計から除外・解除します。<br>Exclude or restore test NG data from statistics.</p>
    </div>
  </a>
  <a href="/reports">
    <div class="card" style="cursor:pointer; border: 2px solid transparent; transition: border 0.15s;" onmouseover="this.style.borderColor='var(--accent)'" onmouseout="this.style.borderColor='transparent'">
      <div class="card-title">📁 レポート一覧 / Report Files</div>
      <p style="font-size:13px; color:var(--text-sub)">生成済みのPDFレポートを確認・開きます。<br>View and open generated PDF reports.</p>
    </div>
  </a>
</div>
{% endblock %}