{% load i18n %}
<ul class="nav nav-tabs mb-3">
    <li class="nav-item" role="presentation">
        <a class="nav-link active" data-bs-toggle="tab" href="#tab-outstanding" role="tab">
            {% trans "Outstanding" %}
            <span class="badge bg-primary ms-1">{{ values.outstanding_count }}</span>
        </a>
    </li>
    <li class="nav-item" role="presentation">
        <a class="nav-link" data-bs-toggle="tab" href="#tab-finished" role="tab">
            {% trans "Finished" %}
            <span class="badge bg-success ms-1">{{ values.finished_count }}</span>
        </a>
    </li>
    <li class="nav-item" role="presentation">
        <a class="nav-link" data-bs-toggle="tab" href="#tab-untracked" role="tab">
            {% trans "Untracked" %}
            <span class="badge bg-secondary ms-1">{{ values.untracked_count }}</span>
        </a>
    </li>
</ul>
