{% extends "base.html" %}

{% block title %}数据采集模块{% endblock %}

{% block content %}
<section class="hero">
    <h1>数据采集模块</h1>
    <p>该模块用于从空气质量网站抓取怀化 AQI 月度数据，并自动保存为 CSV 文件，作为后续清洗和入库的数据源。</p>
</section>

<section class="stats">
    <div class="stat-card">
        <div class="label">当前 CSV 文件数</div>
        <div class="value">{{ file_count }}</div>
    </div>
    <div class="stat-card">
        <div class="label">默认采集城市</div>
        <div class="value">怀化</div>
    </div>
</section>

<section class="panel">
    <h2>采集参数</h2>
    <p>可按年份区间和月份区间执行采集。若勾选覆盖已存在文件，则会重新抓取并替换本地 CSV。当前快捷目标时间为 {{ latest_year }} 年 {{ latest_month }} 月。</p>
    <form method="post" style="display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;align-items:end;">
        {% csrf_token %}
        <div>
            <label>起始年份</label>
            <select name="start_year" style="width:100%;padding:10px;border:1px solid var(--border);border-radius:12px;">
                {% for year in years %}
                <option value="{{ year }}" {% if form_data.start_year == year or not form_data and default_form_data.start_year == year %}selected{% endif %}>{{ year }}</option>
                {% endfor %}
            </select>
        </div>
        <div>
            <label>结束年份</label>
            <select name="end_year" style="width:100%;padding:10px;border:1px solid var(--border);border-radius:12px;">
                {% for year in years %}
                <option value="{{ year }}" {% if form_data.end_year == year or not form_data and default_form_data.end_year == year %}selected{% endif %}>{{ year }}</option>
                {% endfor %}
            </select>
        </div>
        <div>
            <label>起始月份</label>
            <select name="start_month" style="width:100%;padding:10px;border:1px solid var(--border);border-radius:12px;">
                {% for month in months %}
                <option value="{{ month }}" {% if form_data.start_month == month or not form_data and default_form_data.start_month == month %}selected{% endif %}>{{ month }}月</option>
                {% endfor %}
            </select>
        </div>
        <div>
            <label>结束月份</label>
            <select name="end_month" style="width:100%;padding:10px;border:1px solid var(--border);border-radius:12px;">
                {% for month in months %}
                <option value="{{ month }}" {% if form_data.end_month == month or not form_data and default_form_data.end_month == month %}selected{% endif %}>{{ month }}月</option>
                {% endfor %}
            </select>
        </div>
        <div>
            <label style="display:flex;gap:8px;align-items:center;padding-top:28px;">
                <input type="checkbox" name="overwrite" {% if form_data.overwrite or not form_data and default_form_data.overwrite %}checked{% endif %}>
                覆盖已有文件
            </label>
        </div>
        <div style="display:flex;gap:10px;flex-wrap:wrap;">
            <button type="submit" style="padding:10px 18px;border:none;border-radius:12px;background:var(--accent);color:#fff;cursor:pointer;">开始采集</button>
            <button type="submit" name="quick_action" value="latest_month" style="padding:10px 18px;border:none;border-radius:12px;background:#0f5f3d;color:#fff;cursor:pointer;">采集到当前上个月</button>
        </div>
    </form>
</section>

{% if collection_result %}
<section class="grid" style="margin-top:18px;">
    <div class="panel">
        <h2>采集结果</h2>
        <p>保存成功 {{ collection_result.saved_files|length }} 个，跳过 {{ collection_result.skipped_files|length }} 个，失败 {{ collection_result.errors|length }} 个。</p>
        <div class="table-wrap">
            <table>
                <thead>
                    <tr>
                        <th>成功保存的文件</th>
                    </tr>
                </thead>
                <tbody>
                    {% for item in collection_result.saved_files %}
                    <tr><td>{{ item }}</td></tr>
                    {% empty %}
                    <tr><td>本次没有新增保存的文件。</td></tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
    <div class="panel">
        <h2>异常与跳过信息</h2>
        <div class="table-wrap">
            <table>
                <thead>
                    <tr>
                        <th>信息</th>
                    </tr>
                </thead>
                <tbody>
                    {% for item in collection_result.errors %}
                    <tr><td>{{ item }}</td></tr>
                    {% empty %}
                    {% for item in collection_result.skipped_files %}
                    <tr><td>已跳过：{{ item }}</td></tr>
                    {% empty %}
                    <tr><td>本次没有异常或跳过记录。</td></tr>
                    {% endfor %}
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</section>
{% endif %}

<section class="panel" style="margin-top:18px;">
    <h2>最近发现的 CSV 文件</h2>
    <p>这里展示当前项目目录中最近一批数据文件，便于确认采集结果已经落盘。</p>
    <div class="table-wrap">
        <table>
            <thead>
                <tr>
                    <th>文件名</th>
                </tr>
            </thead>
            <tbody>
                {% for item in recent_files %}
                <tr><td>{{ item }}</td></tr>
                {% empty %}
                <tr><td>暂无 CSV 文件。</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</section>
{% endblock %}