{% extends "base.html" %}
{% load crispy_forms_tags %}
{% block title %}{{ action }} Gallery Image{% endblock %}
{% block nav_gallery_admin %}active{% endblock %}

{% block content %}
<div class="page-header">
    <div>
        <a href="{% url 'portal:gallery_list' %}" class="text-muted small d-block mb-1">
            <i class="fa-solid fa-arrow-left me-1"></i> Back to Gallery
        </a>
        <h2>{{ action }} Gallery Image</h2>
    </div>
</div>

<div class="row justify-content-center">
    <div class="col-lg-7">
        <div class="portal-card">
            <div class="portal-card-body">
                {% if img and img.image %}
                <div class="mb-3 text-center">
                    <img src="{{ img.image.url }}" alt="{{ img.title }}"
                         style="max-height:200px;border-radius:var(--radius-md);object-fit:cover;max-width:100%;">
                    <p class="text-muted small mt-1">Current image — upload a new file below to replace it</p>
                </div>
                {% endif %}
                <form method="post" enctype="multipart/form-data" novalidate>
                    {% csrf_token %}
                    {% crispy form %}
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock %}