{% load custom_tags %}
<li class="nav-item">
    <a id="id_general" class="nav-link active tab-icon company-icon" data-bs-toggle="tab" role="tab" aria-controls="general" href="#general">
        General Info
    </a>
</li>
{% if request.user|is_privileged %}
<li class="nav-item">
    <a id="id_invitations" class="nav-link tab-icon users-icon" data-bs-toggle="tab" role="tab" aria-controls="invitations" href="#invitations">
        Invitations <span class="tab-count-badge">{{ client.clientinvite_set.all.count }}</span>
    </a>
</li>
{% endif %}
<li class="nav-item">
    <a id="id_contacts" class="nav-link tab-icon poc-icon" data-bs-toggle="tab" role="tab" aria-controls="contacts" href="#contacts">
        Points of Contact <span class="tab-count-badge">{{ client.clientcontact_set.all.count }}</span>
    </a>
</li>
<li class="nav-item">
    <a id="id_projects" class="nav-link tab-icon history-icon" data-bs-toggle="tab" role="tab" aria-controls="project-history" href="#project-history">
        Project History <span class="tab-count-badge">{{ client.project_set.all.count }}</span>
    </a>
</li>
<li class="nav-item">
    <a id="id_infrastructure" class="nav-link tab-icon history-icon" data-bs-toggle="tab" role="tab" aria-controls="infrastructure-history" href="#infrastructure-history">
        Infrastructure History
    </a>
</li>
<li class="nav-item">
    <a id="id_notes" class="nav-link tab-icon comment-icon" data-bs-toggle="tab" role="tab" aria-controls="notes" href="#notes">
        Notes <span class="tab-count-badge">{{ client.clientnote_set.all.count }}</span>
    </a>
</li>
{% if client_extra_fields_spec %}
    <li class="nav-item">
        <a id="id_extra_fields" class="nav-link tab-icon custom-field-icon" data-bs-toggle="tab" role="tab" aria-controls="extra-fields" href="#extra-fields">
            Extra Fields <span class="tab-count-badge">{{ client_extra_fields_spec|length }}</span>
        </a>
    </li>
{% endif %}