<div class="right-sidebar" id="right-sidebar" role="navigation">
    <div class="right-sidebar-items">
        <div id="user-list">
            <div id="userlist-header">
                <h4 class='sidebar-title' id='userlist-title' data-toggle="tooltip" title="{{ _('Filter users') }}">{{ _('USERS') }}</h4>
                <i id="user_filter_icon" class='fa fa-search' aria-hidden="true" aria-label="{{ _('Filter users') }}" data-toggle="tooltip" title="{{ _('Filter users') }} (w)"></i>
            </div>
            <div class="input-append notdisplayed" id="user_search_section">
                <input class="user-list-filter" type="text" autocomplete="off" placeholder="{{ _('Search people') }}" />
                <button type="button" class="btn clear_search_button" id="clear_search_people_button">
                    <i class="fa fa-remove" aria-hidden="true"></i>
                </button>
            </div>
            <div id="buddy_list_wrapper" class="scrolling_list" data-simplebar>
                <ul id="user_presences" class="filters"></ul>
                <div id="buddy_list_wrapper_padding"></div>
            </div>
        </div>
        <div id="group-pm-list">
            <div id="group-pm-header">
                <h4 class='sidebar-title' id='group-pm-title'>{{ _('GROUP PMs') }}</h4>
            </div>
            <ul id="group-pms" class="filters scrolling_list" data-simplebar>
            </ul>
        </div>
        {% if show_invites %}
        <a id="invite-user-link" href="#invite"><i class="fa fa-plus-circle" aria-hidden="true"></i>{{ _('Invite more users') }}</a>
        {% endif %}
        <a id="sidebar-keyboard-shortcuts" data-overlay-trigger="keyboard-shortcuts">
            <i class="fa fa-keyboard-o fa-2x" id="keyboard-icon" data-html="true" data-toggle="tooltip" title="{{ _('Keyboard shortcuts') }} <span class='hotkey-hint'>(?)</span>"></i>
        </a>
    </div>
</div>
