{% extends "base.html" %}
{% block title %}إدارة المنتجات{% endblock %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
  <h2>المنتجات</h2>
  <a href="{{ url_for('add_product') }}" class="btn btn-success">إضافة منتج</a>
</div>

<div class="row">
  {% for product in products %}
  <div class="col-md-4 mb-4 fade-in">
    <div class="card">
      {% if product.image %}
        <img src="{{ url_for('static', filename=product.image) }}" class="product-img" alt="{{ product.name }}">
      {% endif %}
      <div class="card-body">
        <h5>{{ product.name }}</h5>
        <p>{{ product.description[:80] }}...</p>
        <p><small>العلامة: {{ product.brand.name if product.brand else '—' }}</small></p>
        <div class="d-flex gap-2">
          <a href="{{ url_for('edit_product', id=product.id) }}" class="btn btn-sm btn-outline-primary">تعديل</a>
          <a href="{{ url_for('delete_product', id=product.id) }}" class="btn btn-sm btn-outline-danger" data-confirm-delete="product">حذف</a>        </div>
      </div>
    </div>
  </div>
  {% else %}
  <p>لا توجد منتجات.</p>
  {% endfor %}
</div>
{% endblock %}