{% 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_brand') }}" class="btn btn-success">إضافة علامة</a>
</div>

<div class="row">
  {% for brand in brands %}
  <div class="col-md-4 mb-4 fade-in">
    <div class="card">
      {% if brand.logo %}
        <img src="{{ url_for('static', filename=brand.logo) }}" class="product-img" alt="{{ brand.name }}">
      {% else %}
        <div class="bg-light d-flex align-items-center justify-content-center" style="height:200px;">
          <span class=" ">لا يوجد شعار</span>
        </div>
      {% endif %}
      <div class="card-body text-center">
        <h5>{{ brand.name }}</h5>
        <p><small>{{ brand.products|length }} منتجات</small></p>
        <div class="d-flex justify-content-center gap-2">
          <a href="{{ url_for('edit_brand', id=brand.id) }}" class="btn btn-sm btn-outline-warning">تعديل</a>
          <a href="{{ url_for('delete_brand', id=brand.id) }}" class="btn btn-sm btn-outline-danger" data-confirm-delete="brand">حذف</a>        </div>
      </div>
    </div>
  </div>
  {% else %}
  <p class="text-center  ">لا توجد علامات تجارية.</p>
  {% endfor %}
</div>
{% endblock %}