{% extends "base.html" %}
{% block title %}数据管理 - 常德空气质量分析平台{% endblock %}
{% block page_title %}数据管理{% endblock %}

{% block content %}
{% if result %}
<div class="alert alert-success">
    导入完成！共处理 {{ result.file_count }} 个CSV文件，新增 {{ result.created_count }} 条，更新 {{ result.updated_count }} 条。
</div>
{% endif %}

<div class="manage-card">
    <h3>数据库概况</h3>
    <div class="info-row">
        <div>数据库记录总数：<strong>{{ total }}</strong></div>
        <div>检测到CSV文件：<strong>{{ file_count }}</strong> 个</div>
    </div>
</div>

<div class="manage-card">
    <h3>导入CSV数据</h3>
    <p style="color:#8899aa;font-size:13px;margin-bottom:16px;">
        从项目目录中扫描所有AQI数据CSV文件并导入到数据库。支持增量更新或清空后重新导入。
    </p>
    <form method="POST">
        {% csrf_token %}
        <label class="checkbox-label">
            <input type="checkbox" name="flush">
            导入前清空数据库（谨慎操作）
        </label>
        <button type="submit" class="btn btn-primary">开始导入</button>
    </form>
</div>

{% if sample_files %}
<div class="manage-card">
    <h3>已检测到的CSV文件（部分）</h3>
    <div style="display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;">
        {% for f in sample_files %}
        <span style="background:#f0f2f5;padding:4px 12px;border-radius:4px;font-size:12px;color:#556677;">{{ f }}</span>
        {% endfor %}
    </div>
</div>
{% endif %}
{% endblock %}