{{#with this}}
<div class="subscription_settings" data-stream-id="{{stream_id}}">
    <div class="inner-box">
        <div class="stream-header">
            {{#if invite_only}}
            <div class="large-icon lock" style="color: {{color}}">
                <i class="icon-vector-lock"></i>
            </div>
            {{else}}
            <div class="large-icon hash" style="color: {{color}}"></div>
            {{/if}}
            <div class="stream-name">
                <span class="stream-name-editable editable-section">{{name}}</span>
                {{#if is_admin}}
                <span class="editable" data-make-editable=".stream-name-editable"></span>
                <span class="checkmark" data-finish-editing=".stream-name-editable">✓</span>
                {{/if}}
            </div>
            <button class="button small rounded subscribe-button sub_unsub_button {{#unless subscribed }}unsubscribed{{/unless}}" type="button" name="button">
                {{#if subscribed }}{{#tr oneself }}Unsubscribe{{/tr}}{{else}}{{#tr oneself }}Subscribe{{/tr}}{{/if}}</button>
            <a href="{{preview_url}}" class="button small rounded" id="preview-stream-button" role="button">{{t "View stream"}}</a>
        </div>
        <div class="stream-description" data-no-description="{{t 'No description.' }}">
            <span class="stream-description-editable editable-section">{{{rendered_description}}}</span>
            {{#if is_admin}}
            <span class="editable" data-make-editable=".stream-description-editable"></span>
            <span class="checkmark" data-finish-editing=".stream-description-editable">✓</span>
            {{/if}}
        </div>
        <div class="regular_subscription_settings collapse {{#subscribed}}in{{/subscribed}}">
            <div class="subscription-type">
                <div class="subscription-type-text">
                    {{partial "subscription_type"}}
                </div>
                {{#if is_admin}}
                <a class="change-stream-privacy" data-is-private="{{#if can_make_public }}true{{else}}false{{/if}}">[{{t "Change" }}]</a>
                {{/if}}
            </div>
            <div class="subscription-config">
                <ul>
                    <li>
                        <div id="sub_setting_not_in_home_view" class="sub_setting_checkbox sub-mute-setting">
                            <input id="mutestream-{{stream_id}}" class="sub_setting_control" type="checkbox" tabindex="-1" {{#unless in_home_view}}checked{{/unless}} />
                            <label class="subscription-control-label">{{t "Mute stream" }}</label>
                            <p class="mute-note {{#if in_home_view}}hide-mute-note{{/if}}">{{t "Muted streams don't show up in your home view or generate notifications unless you are mentioned." }}</p>
                        </div>
                    </li>
                    <li>
                        <div id="sub_desktop_notifications_setting"
                            class="sub_setting_checkbox sub_notification_setting {{#unless in_home_view}}muted-sub{{/unless}}">
                            <input id="desktop-notifystream-{{stream_id}}" class="sub_setting_control" type="checkbox" tabindex="-1" {{#if desktop_notifications}}checked{{/if}} {{#unless in_home_view}}disabled="disabled"{{/unless}}/>
                            <label class="subscription-control-label">{{t "Receive desktop notifications" }}</label>
                        </div>
                    </li>
                    <li>
                        <div id="sub_audible_notifications_setting"
                            class="sub_setting_checkbox sub_notification_setting {{#unless in_home_view}}muted-sub{{/unless}}">
                            <input id="audible-notifystream-{{stream_id}}" class="sub_setting_control" type="checkbox" tabindex="-1" {{#if audible_notifications}}checked{{/if}} {{#unless in_home_view}}disabled="disabled"{{/unless}}/>
                            <label class="subscription-control-label">{{t "Receive audible notifications" }}</label>
                        </div>

                    </li>
                    <li>
                        <div id="sub_pin_setting" class="sub_setting_checkbox">
                            <input id="pinstream-{{stream_id}}" class="sub_setting_control" type="checkbox" tabindex="-1" {{#if pin_to_top}}checked{{/if}} />
                            <label class="subscription-control-label">{{t "Pin stream to top of left sidebar" }}</label>
                        </div>
                    </li>
                    <li>
                        <label for="streamcolor" class="subscription-control-label">{{t "Stream color" }}</label>
                        <span class="sub_setting_control">
                            <input stream_id="{{stream_id}}" class="colorpicker" id="streamcolor" type="text" value="{{color}}" tabindex="-1" />
                        </span>
                    </li>
                </ul>
            </div>
            {{#if email_address}}
            <div class="stream-email-box">
                <div class="sub_settings_title">{{t "Email address" }} <i class="icon-vector-question-sign stream-email-hint" id="email-address-hint-{{stream_id}}"></i></div>
                <div class="stream-email">
                    <span class="email-address">{{email_address}}</span>
                </div>
            </div>
            {{/if}}
        </div>

        {{#render_subscribers}}
        <div class="subscriber_list_settings">
            <div class="sub_settings_title float-left">{{t "Stream membership" }}</div>
            <div class="subscriber_list_add float-right">
                <form class="form-inline">
                    <input type="text" class="search" placeholder="{{t 'Search subscribers' }}" />
                    <input type="text" name="principal" placeholder="{{t 'Email address' }}" value="" class="input-block" autocomplete="off" tabindex="-1" />
                    <input type="submit" name="add_subscriber" value="{{t 'Add' }}" class="btn btn-primary add-subscriber-button" tabindex="-1 "/>
                </form>
            </div>
            <div class="clear-float"></div>
        </div>
        <div class="subscriber-list-box">
            <div class="subscriber_list_container">
                <div class="subscriber_list_loading_indicator"></div>
                <div class="alert alert-error hide"></div>
                <div class="alert alert-warning hide"></div>
                <table class="subscriber-list"></table>
            </div>
        </div>
        {{/render_subscribers}}
    </div>
</div>
{{/with}}