{% extends 'base.html' %}
{% block title %}Add Item{% endblock %}

{% block content %}
<h2 class="content-title text-center">Add New Item</h2>
<p class="content-description text-center">Fill the form to submit a new boycott item.</p>

<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">Add Item</button>
    </form>
</div>

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