{% extends 'ups_manager/base.html' %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2>欢迎使用 UPS 管理系统</h2>
    <a href="/admin/" class="btn btn-dark">后台管理</a>
</div>

<div class="row mb-4">
    <div class="col-md-3">
        <div class="card bg-primary text-white">
            <div class="card-body">
                <h5 class="card-title">UPS 主机数量</h5>
                <h2 class="card-text">{{ ups_count }}</h2>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card bg-success text-white">
            <div class="card-body">
                <h5 class="card-title">电池数量</h5>
                <h2 class="card-text">{{ battery_count }}</h2>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card bg-info text-white">
            <div class="card-body">
                <h5 class="card-title">联系人数量</h5>
                <h2 class="card-text">{{ contact_count }}</h2>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card bg-warning text-white">
            <div class="card-body">
                <h5 class="card-title">维修记录</h5>
                <h2 class="card-text">{{ maintenance_count }}</h2>
            </div>
        </div>
    </div>
</div>

<div class="card mb-4">
    <div class="card-header">
        <h5>UPS主机与电池汇总</h5>
    </div>
    <div class="card-body">
        <table class="table table-striped table-sm">
            <thead>
                <tr>
                    <th>UPS主机型号</th>
                    <th>数量（台）</th>
                    <th>电池品牌</th>
                    <th>电池存放地址</th>
                    <th>在用电池型号</th>
                    <th>电池单块重量</th>
                    <th>数量（块）</th>
                </tr>
            </thead>
            <tbody>
                {% for item in ups_with_batteries %}
                <tr>
                    <td>{{ item.ups_brand }} {{ item.ups_model }}</td>
                    <td>{{ item.ups_quantity }}</td>
                    <td>{{ item.battery_brand }}</td>
                    <td>{{ item.battery_location }}</td>
                    <td>{{ item.battery_model }}</td>
                    <td>{{ item.battery_weight }} kg</td>
                    <td>{{ item.battery_quantity }}</td>
                </tr>
                {% empty %}
                <tr>
                    <td colspan="7" class="text-center text-muted">暂无数据</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>

<div class="card mb-4">
    <div class="card-header bg-dark text-white">
        <h5>按存放位置汇总</h5>
    </div>
    <div class="card-body">
        <table class="table table-striped table-sm">
            <thead>
                <tr>
                    <th>存放位置</th>
                    <th>UPS数量（台）</th>
                    <th>电池数量（块）</th>
                    <th>总重量（kg）</th>
                    <th>UPS型号</th>
                </tr>
            </thead>
            <tbody>
                {% for location, data in location_summary %}
                <tr>
                    <td>{{ location }}</td>
                    <td>{{ data.ups_count }}</td>
                    <td>{{ data.battery_count }}</td>
                    <td>{{ data.total_weight }}</td>
                    <td>{{ data.ups_models|join:', ' }}</td>
                </tr>
                {% empty %}
                <tr>
                    <td colspan="5" class="text-center text-muted">暂无数据</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>

<div class="row">
    <div class="col-md-6">
        <div class="card">
            <div class="card-header">
                <h5>最近维修记录</h5>
            </div>
            <div class="card-body">
                {% if recent_maintenances %}
                <table class="table table-sm">
                    <thead>
                        <tr>
                            <th>UPS主机</th>
                            <th>维修日期</th>
                            <th>维修人员</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for record in recent_maintenances %}
                        <tr>
                            <td>{{ record.ups_host.model }}</td>
                            <td>{{ record.maintenance_date }}</td>
                            <td>{{ record.technician }}</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
                {% else %}
                <p class="text-center text-muted">暂无维修记录</p>
                {% endif %}
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="card">
            <div class="card-header">
                <h5>最近添加的电池</h5>
            </div>
            <div class="card-body">
                {% if recent_batteries %}
                <table class="table table-sm">
                    <thead>
                        <tr>
                            <th>品牌/型号</th>
                            <th>位置</th>
                            <th>已使用</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for battery in recent_batteries %}
                        <tr>
                            <td>{{ battery.brand }} {{ battery.model }}</td>
                            <td>{{ battery.location }}</td>
                            <td>{{ battery.used_years|default:"-" }} 年</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
                {% else %}
                <p class="text-center text-muted">暂无电池记录</p>
                {% endif %}
            </div>
        </div>
    </div>
</div>
{% endblock %}