{% extends "base.html" %}
{% block title %}Departments{% endblock %}
{% block nav_items %}
<ul class="navbar-nav me-auto">
    <li class="nav-item"><a class="nav-link" href="{{ url_for('index') }}">Home</a></li>
    <li class="nav-item"><a class="nav-link" href="{{ url_for('departments') }}">Departments</a></li>
    <li class="nav-item"><a class="nav-link" href="{{ url_for('students') }}">Students</a></li>
</ul>
<ul class="navbar-nav">
    <li class="nav-item"><a class="nav-link btn btn-sm btn-outline-light" href="{{ url_for('add_department') }}">Add Department</a></li>
</ul>
{% endblock %}
{% block content %}
<h2 class="mb-4">Departments</h2>
<div class="table-responsive">
    <table class="table table-hover">
        <thead>
            <tr><th>ID</th><th>Name</th><th>Code</th></tr>
        </thead>
        <tbody>
            {% for d in departments %}
            <tr><td>{{ d[0] }}</td><td>{{ d[1] }}</td><td>{{ d[2] }}</td></tr>
            {% else %}
            <tr><td colspan="3" class="text-center">No departments. <a href="{{ url_for('add_department') }}">Add one</a></td></tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}