{% extends 'base.html' %}

{% block title %}Edit Item{% endblock %}

{% block content %}
    <h2 class="content-title">Edit Item</h2>
    <p class="content-description">Edit the details of the item you wish to update.</p>

    <!-- Centered wrapper -->
    <div class="d-flex justify-content-center">
        <form method="post" enctype="multipart/form-data" class="card p-4 shadow-sm w-100" style="max-width: 700px;">
            {% csrf_token %}
            {{ form.as_p }}
            <button type="submit" class="btn btn-primary">Update Item</button>
        </form>
    </div>

    {% if messages %}
        {% for message in messages %}
            <div class="alert alert-success mt-3">{{ message }}</div>
        {% endfor %}
    {% endif %}
{% endblock %}