{% extends "base.html" %}
{% block title %}تعديل صورة هيدر{% endblock %}
{% block content %}
<h2>تعديل صورة: {{ hero.caption or 'بدون تعليق' }}</h2>
<form method="POST" enctype="multipart/form-data">
  {{ form.hidden_tag() }}
  <div class="mb-3">
    {{ form.image.label(class="form-label") }}
    {{ form.image(class="form-control") }}
    {% if hero.filename %}
      <div class="mt-2">
        <img src="{{ url_for('static', filename=hero.filename) }}" alt="الصورة الحالية" style="height:150px; object-fit:cover;">
        <p class="form-text">اترك فارغًا للحفاظ على الصورة الحالية</p>
      </div>
    {% endif %}
  </div>
  <div class="mb-3">
    {{ form.caption.label(class="form-label") }}
    {{ form.caption(class="form-control", value=hero.caption) }}
  </div>
  <div class="mb-3">
    {{ form.active.label(class="form-check-label") }}
    {{ form.active(class="form-check-input", checked=hero.active) }}
  </div>
  {{ form.submit(class="btn btn-warning") }}
  <a href="{{ url_for('manage_hero') }}" class="btn btn-secondary">إلغاء</a>
</form>
{% endblock %}