{% extends "base.html" %}

{% block content %}
<div class="container mt-5">

    <h1 class="mb-4">Department Report</h1>

    <p>This report shows current departments and relevant statistics.</p>

    <table class="table table-bordered table-striped">
        <thead class="table-dark">
            <tr>
                <th>#</th>
                <th>Department Name</th>
                <th>Department Leader</th>
                <th>Description</th>
                <th>Date Created</th>
                <th>Number of Members</th>
            </tr>
        </thead>
        <tbody>
            {% for department in departments %}
            <tr>
                <td>{{ forloop.counter }}</td>
                <td>{{ department.name }}</td>
                <td>
                    {% if department.leader %}
                        {{ department.leader.get_full_name|default:department.leader.username }}
                    {% else %}
                        Not Assigned
                    {% endif %}
                </td>
                <td>{{ department.description|default:"No description" }}</td>
                <td>{{ department.date_created|date:"F j, Y" }}</td>
                <td>{{ department.member_count }}</td>
            </tr>
            {% empty %}
            <tr>
                <td colspan="6" class="text-center">No departments found.</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>

    <a href="{% url 'reports_list' %}" class="btn btn-secondary">
        Back to Reports
    </a>

</div>
{% endblock %}