{% extends "base.html" %}{% block title %}Departments{% endblock %}{% block page_title %}Department Management{% endblock %}
{% block content %}<div class="page-header"><div><h1>Branch Departments & Clinics</h1><p>Departments are branch-specific and drive report routing, visibility, and action ownership.</p></div></div><div class="two-column"><form class="card" method="post"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><div class="card-header"><h2>Add Department</h2></div><div class="card-body"><label class="required">Branch<select name="branch_id" required><option value="">Select branch</option>{% for branch in branches %}<option value="{{ branch.id }}">{{ branch.name }}</option>{% endfor %}</select></label><label class="required">Department Code<input type="text" name="code" maxlength="30" required></label><label class="required">Department / Clinic Name<input type="text" name="name" required></label><button class="button primary" type="submit">Add Department</button></div></form><section class="card"><div class="card-header"><h2>Configured Departments</h2></div><div class="table-wrap"><table class="data-table"><thead><tr><th>Branch</th><th>Code</th><th>Department</th><th>Status</th><th></th></tr></thead><tbody>{% for department in departments %}<tr><td>{{ department.branch.code }}</td><td class="primary-cell">{{ department.code }}</td><td>{{ department.name }}</td><td><span class="status">{{ 'Active' if department.is_active else 'Inactive' }}</span></td><td><form method="post" action="{{ url_for('admin.department_toggle', department_id=department.id) }}"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><button class="button secondary small" type="submit">{{ 'Deactivate' if department.is_active else 'Activate' }}</button></form></td></tr>{% endfor %}</tbody></table></div></section></div>{% endblock %}