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

{% block content %}
<h2 class="mb-4">Doctor Product Commissions</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">Doctor Commissions</li>
  </ol>
</nav>

<form method="post">
  {% csrf_token %}
  <div class="mb-3 d-flex justify-content-end">
    {% if perms.inventory.add_doctorproductcommission %}
    <a href="{% url 'inventory:doctor_product_commission_add' %}" class="btn btn-outline-primary">Add Commission</a>
    {% endif %}
  </div>
  <table class="table table-bordered table-hover">
    <thead class="table-light">
      <tr>
        <th>Doctor</th>
        <th>Product</th>
        <th>Commission</th>
        <th class="text-center">Actions</th>
      </tr>
    </thead>
    <tbody>
      {% for commission in commissions %}
      <tr>
        <td>{{ commission.doctor }}</td>
        <td>{{ commission.product }}</td>
        <td>{{ commission.commission }}</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_doctorproductcommission %}
              <li><a class="dropdown-item" href="{% url 'inventory:doctor_product_commission_edit' commission.id %}"><i class="fas fa-pen-to-square me-1"></i> Edit</a></li>
              {% endif %}
              {% if perms.inventory.delete_doctorproductcommission %}
              <li><a class="dropdown-item text-danger" href="{% url 'inventory:doctor_product_commission_delete' commission.id %}"><i class="fas fa-trash me-1"></i> Delete</a></li>
              {% endif %}
            </ul>
          </div>
        </td>
      </tr>
      {% empty %}
      <tr><td colspan="4" class="text-center">No records found.</td></tr>
      {% endfor %}
    </tbody>
  </table>
</form>
{% endblock %}