{% extends "base.html" %}
{% block title %}Students{% 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_student') }}">Add Student</a></li>
</ul>
{% endblock %}
{% block content %}
<h2 class="mb-4">Students</h2>
<div class="table-responsive">
    <table class="table table-hover">
        <thead>
            <tr><th>ID</th><th>Name</th><th>Email</th><th>Roll No</th><th>Department</th></tr>
        </thead>
        <tbody>
            {% for s in students %}
            <tr><td>{{ s[0] }}</td><td>{{ s[1] }}</td><td>{{ s[2] }}</td><td>{{ s[3] or '-' }}</td><td>{{ s[4] or '-' }}</td></tr>
            {% else %}
            <tr><td colspan="5" class="text-center">No students. <a href="{{ url_for('add_student') }}">Add one</a></td></tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}