{{#render_subscribers}}
<div class="subscriber_list_settings_container" {{#unless can_access_subscribers}}style="display: none"{{/unless}}>
    <div class="subscriber_list_settings">
        <h3 class="stream_setting_subsection_title float-left">
            {{t "Stream membership" }}
        </h3>
        <div class="subscriber-search float-right">
            <input type="text" class="search" placeholder="{{t 'Search subscribers' }}" />
        </div>
        <div class="subscriber_list_add float-left">
            <form>
                <div class="add_subscribers_container">
                    <div class="pill-container person_picker">
                        <div class="input" contenteditable="true"
                          data-placeholder="{{t 'Add subscribers. Use @usergroup or #streamname to bulk add subscribers.' }}"></div>
                    </div>
                    <div class="add_subscriber_btn_wrapper inline-block">
                        <button type="submit" name="add_subscriber" class="button add-subscriber-button small rounded" tabindex="0">
                            {{t 'Add' }}
                        </button>
                    </div>
                </div>
            </form>
            <div class="stream_subscription_request_result"></div>
        </div>
        <div class="clear-float"></div>
    </div>
    <div class="subscriber-list-box">
        <div class="subscriber_list_container" data-simplebar>
            <div class="subscriber_list_loading_indicator"></div>
            <table class="subscriber-list table table-striped">
                <thead class="table-sticky-headers">
                    <th>{{t "Name" }}</th>
                    <th>{{t "Email" }}</th>
                    <th>{{t "User ID" }}</th>
                    {{#if is_realm_admin}}
                    <th class="actions">{{t "Actions" }}</th>
                    {{/if}}
                </thead>
                <tbody class="subscriber_table"></tbody>
            </table>
        </div>
    </div>
</div>
{{/render_subscribers}}