{% extends "base.html" %}
{% 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('courses') }}">Courses</a></li>
    <li class="nav-item"><a class="nav-link" href="{{ url_for('apply') }}">Apply</a></li>
    <li class="nav-item"><a class="nav-link" href="{{ url_for('applicants') }}">Applicants</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_course') }}">Add Course</a></li>
</ul>
{% endblock %}
{% block content %}
<h2 class="mb-4">Courses</h2>
<div class="table-responsive">
    <table class="table table-hover">
        <thead>
            <tr><th>ID</th><th>Name</th><th>Code</th><th>Seats</th></tr>
        </thead>
        <tbody>
            {% for c in courses %}
            <tr><td>{{ c[0] }}</td><td>{{ c[1] }}</td><td>{{ c[2] }}</td><td>{{ c[3] }}</td></tr>
            {% else %}
            <tr><td colspan="4" class="text-center">No courses. <a href="{{ url_for('add_course') }}">Add one</a></td></tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}