{% extends "base.html" %}
{% block title %}تعديل المنتج{% endblock %}
{% block content %}
<h2>تعديل المنتج: {{ product.name }}</h2>
<form method="POST" enctype="multipart/form-data">
  {{ form.hidden_tag() }}

  <div class="mb-3">
    {{ form.name.label(class="form-label") }}
    {{ form.name(class="form-control") }}
  </div>

  <div class="mb-3">
    {{ form.description.label(class="form-label") }}
    {{ form.description(class="form-control", rows=3) }}
  </div>

  <div class="mb-3">
    {{ form.image.label(class="form-label") }}
    {{ form.image(class="form-control") }}
    {% if product.image %}
      <div class="mt-2">
        <img src="{{ url_for('uploaded_file', filename=product.image.replace('uploads/', '')) }}" 
             alt="الصورة الحالية" class="product-img mb-2" style="max-height:150px;">
        <p class="form-text">اترك فارغًا للحفاظ على الصورة الحالية</p>
      </div>
    {% endif %}
  </div>

  <div class="mb-3">
    <label class="form-label">العلامة التجارية</label>
    <select name="brand_id" class="form-select" required>
      {% for b in brands %}
        <option value="{{ b.id }}" {% if b.id == product.brand_id %}selected{% endif %}>
          {{ b.name }}
        </option>
      {% endfor %}
    </select>
  </div>

  {{ form.submit(class="btn btn-warning") }}
  <a href="{{ url_for('manage_products') }}" class="btn btn-secondary">إلغاء</a>
</form>
{% endblock %}