{% extends "pos/base.html" %}
{% block content %}
<h1>Departments</h1>
<p>
  <a href="{% url 'products:department_add' %}" class="btn btn-primary">
    + Add Department
  </a>
</p>
<table class="table table-striped">
  <thead>
    <tr>
      <th>Name</th>
      <th>Code</th>
      <th>Description</th>
      <th>Active</th>
      <th style="width:1%">Edit</th>
      <th style="width:1%">Delete</th>
    </tr>
  </thead>
  <tbody>
    {% for d in depts %}
      <tr>
        <td>{{ d.name }}</td>
        <td>{{ d.code }}</td>
        <td>{{ d.description|default:"—" }}</td>
        <td>{{ d.is_active|yesno:"Yes,No" }}</td>
        <td>
          <a href="{% url 'products:department_edit' d.pk %}"
             class="btn btn-sm btn-outline-secondary">Edit</a>
        </td>
        <td>
          <form method="post"
                action="{% url 'products:department_delete' d.pk %}"
                style="display:inline; background:none; padding:0; margin:0;">
            {% csrf_token %}
            <button type="submit"
                    class="btn btn-sm btn-outline-danger"
                    onclick="return confirm('Delete this department?');">
              Delete
            </button>
          </form>
        </td>
      </tr>
    {% empty %}
      <tr><td colspan="6">No departments defined.</td></tr>
    {% endfor %}
  </tbody>
</table>
{% endblock %}