{% extends "base.html" %}

{% block content %}
<div class="page-header">
    <h1>{{ page_title }}</h1>
    <a href="/boxes">返回箱子列表</a>
</div>

<form method="post" action="{{ form_action }}" class="stack" enctype="multipart/form-data">
    <label>
        名称
        <input type="text" name="name" value="{{ box.name if box else '' }}" required>
    </label>
    <label>
        房间
        <input type="text" name="room" value="{{ box.room if box and box.room else '' }}">
    </label>
    <label>
        状态
        <input type="text" name="status" value="{{ box.status if box and box.status else '' }}">
    </label>
    <label>
        备注
        <textarea name="note" rows="4">{{ box.note if box and box.note else '' }}</textarea>
    </label>
    <label>
        图片
        <input type="file" name="image_file" accept="image/*">
    </label>
    {% if box and box.image_blob %}
    <section class="card">
        <p><strong>当前图片：</strong></p>
        <img src="/boxes/{{ box.id }}/image" alt="{{ box.name }}" class="detail-image">
        <button
            type="submit"
            class="link-button"
            formaction="/boxes/{{ box.id }}/image/delete"
            formmethod="post"
        >
            删除当前图片
        </button>
    </section>
    {% endif %}
    <button type="submit">{{ submit_label }}</button>
</form>
{% endblock %}