{% extends "base.html" %}

{% block content %}
<div class="page-header">
    <div>
        <h1>{{ page_title }}</h1>
        <p class="muted">上级物品：<a href="/items/{{ item.id }}">{{ item.name }}</a></p>
    </div>
    <a href="/items/{{ item.id }}">返回物品</a>
</div>

<form method="post" action="{{ form_action }}" class="stack" enctype="multipart/form-data">
    <label>
        名称
        <input type="text" name="name" value="{{ subitem.name if subitem else '' }}" required>
    </label>
    <label>
        数量
        <input type="number" name="quantity" min="0" value="{{ subitem.quantity if subitem and subitem.quantity is not none else '' }}">
    </label>
    <label>
        备注
        <textarea name="note" rows="4">{{ subitem.note if subitem and subitem.note else '' }}</textarea>
    </label>
    <label>
        图片
        <input type="file" name="image_file" accept="image/*">
    </label>
    {% if subitem and subitem.image_blob %}
    <section class="card">
        <p><strong>当前图片：</strong></p>
        <img src="/subitems/{{ subitem.id }}/image" alt="{{ subitem.name }}" class="detail-image">
        <button
            type="submit"
            class="link-button"
            formaction="/subitems/{{ subitem.id }}/image/delete"
            formmethod="post"
        >
            删除当前图片
        </button>
    </section>
    {% endif %}
    <button type="submit">{{ submit_label }}</button>
</form>
{% endblock %}