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

{% block content %}
<h2 class="mb-4">维修记录管理</h2>

<div class="card mb-4">
    <div class="card-body">
        <form method="get" class="row g-3">
            <div class="col-md-3">
                <input type="text" name="ups_host" class="form-control" placeholder="UPS型号" value="{{ request.GET.ups_host }}">
            </div>
            <div class="col-md-3">
                <input type="text" name="technician" class="form-control" placeholder="维修人员" value="{{ request.GET.technician }}">
            </div>
            <div class="col-md-6 d-flex gap-2 align-items-end">
                <button type="submit" class="btn btn-primary">搜索</button>
                <div class="ms-auto">
                    <a href="{% url 'host_maintenance_add' %}" class="btn btn-primary">
                        <i class="fas fa-server me-1"></i>添加主机维修
                    </a>
                    <a href="{% url 'battery_maintenance_add' %}" class="btn btn-success ms-2">
                        <i class="fas fa-battery-full me-1"></i>添加电池维修
                    </a>
                </div>
            </div>
        </form>
    </div>
</div>

<table class="table table-striped">
    <thead>
        <tr>
            <th width="100">维修类型</th>
            <th>UPS主机</th>
            <th>电池</th>
            <th>维保供应商</th>
            <th>维修日期</th>
            <th>维修内容</th>
            <th>维修人员</th>
            <th width="120">操作</th>
        </tr>
    </thead>
    <tbody>
        {% for record in maintenance_list %}
        <tr>
            <td>
                {% if record.maintenance_type == 'host' %}
                <span class="badge bg-primary">主机维修</span>
                {% else %}
                <span class="badge bg-success">电池维修</span>
                {% endif %}
            </td>
            <td>{{ record.ups_host }}</td>
            <td>{{ record.battery|default:"-" }}</td>
            <td>{{ record.supplier|default:"-" }}</td>
            <td>{{ record.maintenance_date }}</td>
            <td>{{ record.content|truncatechars:50 }}</td>
            <td>{{ record.technician }}</td>
            <td>
                <a href="{% url 'maintenance_edit' record.pk %}" class="btn btn-sm btn-info">编辑</a>
                <a href="{% url 'maintenance_delete' record.pk %}" class="btn btn-sm btn-danger">删除</a>
            </td>
        </tr>
        {% empty %}
        <tr>
            <td colspan="8" class="text-center text-muted">暂无维修记录</td>
        </tr>
        {% endfor %}
    </tbody>
</table>

{% if is_paginated %}
<nav aria-label="Page navigation">
    <ul class="pagination justify-content-center">
        {% if page_obj.has_previous %}
        <li class="page-item">
            <a class="page-link" href="?page={{ page_obj.previous_page_number }}">上一页</a>
        </li>
        {% endif %}
        {% for num in page_obj.paginator.page_range %}
        <li class="page-item {% if page_obj.number == num %}active{% endif %}">
            <a class="page-link" href="?page={{ num }}">{{ num }}</a>
        </li>
        {% endfor %}
        {% if page_obj.has_next %}
        <li class="page-item">
            <a class="page-link" href="?page={{ page_obj.next_page_number }}">下一页</a>
        </li>
        {% endif %}
    </ul>
</nav>
{% endif %}
{% endblock %}