{% extends "assetapp/base.html" %}

{% block title %}{% if action == 'create' %}新增资产{% else %}编辑资产{% endif %}{% endblock %}

{% block content %}
<div class="d-flex align-items-center mb-4">
    <a href="{% url 'asset_list' %}" class="btn btn-outline-secondary btn-sm me-3">
        <i class="bi bi-arrow-left"></i> 返回
    </a>
    <h4 class="mb-0">
        <i class="bi bi-{% if action == 'create' %}plus-circle{% else %}pencil{% endif %} me-2"></i>
        {% if action == 'create' %}新增资产{% else %}编辑资产 - {{ asset.asset_number }}{% endif %}
    </h4>
</div>

<form method="post" novalidate>
    {% csrf_token %}
    
    <div class="row g-3">
        <!-- 基本信息 -->
        <div class="col-md-6">
            <div class="card card-dark">
                <div class="card-header"><i class="bi bi-info-circle me-2"></i>基本信息</div>
                <div class="card-body">
                    <div class="mb-3">
                        <label class="form-label text-muted">{{ form.asset_number.label }} <span class="text-danger">*</span></label>
                        {{ form.asset_number }}
                        {% if form.asset_number.errors %}<div class="text-danger small mt-1">{{ form.asset_number.errors.0 }}</div>{% endif %}
                    </div>
                    <div class="mb-3">
                        <label class="form-label text-muted">{{ form.name.label }} <span class="text-danger">*</span></label>
                        {{ form.name }}
                        {% if form.name.errors %}<div class="text-danger small mt-1">{{ form.name.errors.0 }}</div>{% endif %}
                    </div>
                    <div class="mb-3">
                        <label class="form-label text-muted">{{ form.category.label }} <span class="text-danger">*</span></label>
                        {{ form.category }}
                    </div>
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label class="form-label text-muted">{{ form.brand.label }}</label>
                            {{ form.brand }}
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="form-label text-muted">{{ form.model.label }}</label>
                            {{ form.model }}
                        </div>
                    </div>
                    <div class="mb-3">
                        <label class="form-label text-muted">{{ form.serial_number.label }}</label>
                        {{ form.serial_number }}
                    </div>
                </div>
            </div>
        </div>

        <!-- 位置与网络 -->
        <div class="col-md-6">
            <div class="card card-dark">
                <div class="card-header"><i class="bi bi-geo-alt me-2"></i>位置与网络</div>
                <div class="card-body">
                    <div class="mb-3">
                        <label class="form-label text-muted">{{ form.location.label }}</label>
                        {{ form.location }}
                    </div>
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label class="form-label text-muted">{{ form.cabinet.label }}</label>
                            {{ form.cabinet }}
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="form-label text-muted">{{ form.cabinet_position.label }}</label>
                            {{ form.cabinet_position }}
                        </div>
                    </div>
                    <div class="mb-3">
                        <label class="form-label text-muted">{{ form.bmc_address.label }}</label>
                        {{ form.bmc_address }}
                    </div>
                    <div class="mb-3">
                        <label class="form-label text-muted">{{ form.ip_address.label }}</label>
                        {{ form.ip_address }}
                    </div>
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label class="form-label text-muted">{{ form.gpu_type.label }}</label>
                            {{ form.gpu_type }}
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="form-label text-muted">{{ form.gpu_count.label }}</label>
                            {{ form.gpu_count }}
                        </div>
                    </div>
                    <div class="mb-3">
                        <label class="form-label text-muted">{{ form.status.label }}</label>
                        {{ form.status }}
                    </div>
                    <div class="mb-3">
                        <label class="form-label text-muted">{{ form.responsible_person.label }}</label>
                        {{ form.responsible_person }}
                    </div>
                    <div class="mb-3">
                        <label class="form-label text-muted">{{ form.department.label }}</label>
                        {{ form.department }}
                    </div>
                    <div class="mb-3">
                        <label class="form-label text-muted">{{ form.user.label }}</label>
                        {{ form.user }}
                    </div>
                    <div class="mb-3">
                        <label class="form-label text-muted">{{ form.business_type.label }}</label>
                        {{ form.business_type }}
                    </div>
                </div>
            </div>
        </div>

        <!-- 采购与质保 -->
        <div class="col-md-6">
            <div class="card card-dark">
                <div class="card-header"><i class="bi bi-receipt me-2"></i>采购与质保</div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label class="form-label text-muted">{{ form.purchase_date.label }}</label>
                            {{ form.purchase_date }}
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="form-label text-muted">{{ form.warranty_expire.label }}</label>
                            {{ form.warranty_expire }}
                        </div>
                    </div>
                    <div class="mb-3">
                        <label class="form-label text-muted">{{ form.supplier.label }}</label>
                        {{ form.supplier }}
                    </div>
                </div>
            </div>
        </div>

        <!-- 备注 -->
        <div class="col-md-6">
            <div class="card card-dark">
                <div class="card-header"><i class="bi bi-sticky me-2"></i>备注</div>
                <div class="card-body">
                    <div class="mb-3">
                        <label class="form-label text-muted">{{ form.remark.label }}</label>
                        {{ form.remark }}
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="mt-3">
        <button type="submit" class="btn btn-primary">
            <i class="bi bi-check-circle me-1"></i>{% if action == 'create' %}创建{% else %}保存{% endif %}
        </button>
        <a href="{% url 'asset_list' %}" class="btn btn-outline-secondary ms-2">取消</a>
    </div>
</form>
{% endblock %}