{% load humanize %}

<li class="nav-item active">
    <a class="nav-link active icon info-icon" data-bs-toggle="tab" href="#details">
        General
    </a>
</li>
<li class="nav-item">
    <a class="nav-link icon history-icon" data-bs-toggle="tab" href="#history">
        Project History
        <span class="tab-count-badge">{{ staticserver.serverhistory_set.all.count }}</span>
    </a>
</li>
<li class="nav-item">
    <a class="nav-link icon comment-icon" data-bs-toggle="tab" href="#notes">
        Notes
        <span class="tab-count-badge">{{ staticserver.servernote_set.all.count }}</span>
    </a>
</li>
{% if server_extra_fields_spec %}
    <li class="nav-item">
        <a id="id_extra-fields" class="nav-link tab-icon custom-field-icon" data-bs-toggle="tab" href="#extra-fields">
            Extra Fields <span class="tab-count-badge">{{ server_extra_fields_spec|length }}</span>
        </a>
    </li>
{% endif %}