{% extends 'admin_pages/base_admin.html' %}
{% load utils %}
{% block title %}{{ title }}{% endblock %}

{% block content %}
<h2 class="mb-4">{{ title }}</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"><a href="{% url 'inventory:doctor_list' %}">Doctors</a></li>
    <li class="breadcrumb-item active" aria-current="page">{{ title }}</li>
  </ol>
</nav>

<form method="post">
  {% csrf_token %}
  <table class="table table-bordered table-hover">
    <thead class="table-light">
      <tr>
        <th>Product</th>
        <th>Commission</th>
      </tr>
    </thead>
    <tbody>
      {% for product in products %}
      <tr>
        <td>{{ product.title }}</td>
        <td>
          {% with val=commission_map|dict_get:product.id %}
          <input type="number" step="0.01" name="commission_{{ product.id }}" class="form-control" value="{{ val|default_if_none:'' }}">
          {% endwith %}
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  <button type="submit" class="btn btn-primary">Save</button>
  <a href="{% url 'inventory:doctor_list' %}" class="btn btn-secondary">Cancel</a>
</form>
{% endblock %}