<div id="recent_topics_filter_buttons" class="btn-group" role="group">
    <div id="recent_filters_group">
        {{> recent_topics_filters}}
    </div>
    <div class="search_group" role="group">
        <input type="text" id="recent_topics_search" value="{{ search_val }}" autocomplete="off" placeholder="{{t 'Filter topics (t)' }}" />
        <button type="button" class="btn clear_search_button" id="recent_topics_search_clear">
            <i class="fa fa-remove" aria-hidden="true"></i>
        </button>
    </div>
</div>
<div class="table_fix_head" data-simplebar>
    <table class="table table-responsive">
        <thead>
            <tr>
                <th data-sort="stream_sort">{{t 'Stream' }}</th>
                <th data-sort="topic_sort">{{t 'Topic' }}</th>
                <th class='participants_header'>{{t 'Participants' }}</th>
                <th data-sort="numeric" data-sort-prop="last_msg_id" class="last_msg_time_header active descend">{{t 'Time' }}</th>
            </tr>
        </thead>
        <tbody data-empty="{{t 'No topics match your current filter.' }}"></tbody>
    </table>
</div>
