{% load i18n %}
<header class="bg-white">
    <ul class="nav" id="chat-tab" role="tablist">
        <li class="nav-item">
            <a class="nav-link active" id="pills-users-tab" data-toggle="pill" href="#pills-users" role="tab" aria-controls="pills-users"
               aria-selected="true">{% trans 'Users' %}</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" id="pills-rooms-tab" data-toggle="pill" href="#pills-rooms" role="tab" aria-controls="pills-rooms" aria-selected="false">{% trans 'Rooms' %}
                <span class="badge badge-primary ml-2 unread-chat-rooms"></span>
            </a>
        </li>
    </ul>
    <a id="chat-channels-hide" href="#"><i class="fas fa-times"></i></a>
</header>

