{% extends 'admin_pages/base_admin.html' %}
{% block title %}Consumer Discounts | Admin Panel{% endblock %}

{% block content %}
<h2 class="mb-4">Consumer Product Discounts</h2>

<nav aria-label="breadcrumb" class="mb-3">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="{% url 'inventory:admin_page' %}">Dashboard</a></li>
    <li class="breadcrumb-item active" aria-current="page">Consumer Discounts</li>
  </ol>
</nav>

<form method="post">
  {% csrf_token %}
  <div class="mb-3 d-flex justify-content-end">
    {% if perms.inventory.add_consumerproductdiscount %}
    <a href="{% url 'inventory:consumer_product_discount_add' %}" class="btn btn-outline-primary">Add Discount</a>
    {% endif %}
  </div>
  <table class="table table-bordered table-hover">
    <thead class="table-light">
      <tr>
        <th>Consumer</th>
        <th>Product</th>
        <th>Discount</th>
        <th>Unit Price</th>
        <th class="text-center">Actions</th>
      </tr>
    </thead>
    <tbody>
      {% for discount in discounts %}
      <tr>
        <td>{{ discount.consumer }}</td>
        <td>{{ discount.product }}</td>
        <td>{{ discount.discount }}%</td>
        <td>{{ discount.unit_price }}</td>
        <td class="text-center">
          <div class="dropdown">
            <button class="btn btn-sm btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
              Actions
            </button>
            <ul class="dropdown-menu dropdown-menu-end">
              {% if perms.inventory.change_consumerproductdiscount %}
              <li><a class="dropdown-item" href="{% url 'inventory:consumer_product_discount_edit' discount.id %}"><i class="fas fa-pen-to-square me-1"></i> Edit</a></li>
              {% endif %}
              {% if perms.inventory.delete_consumerproductdiscount %}
              <li><a class="dropdown-item text-danger" href="{% url 'inventory:consumer_product_discount_delete' discount.id %}"><i class="fas fa-trash me-1"></i> Delete</a></li>
              {% endif %}
            </ul>
          </div>
        </td>
      </tr>
      {% empty %}
      <tr><td colspan="5" class="text-center">No records found.</td></tr>
      {% endfor %}
    </tbody>
  </table>
</form>
{% endblock %}