<div class="cl-container">
  <div class="cl-section subscription-dash">
    <div class="section-header clearfix">
      {{link-to '' 'dashboards.subscription-dash' class='header-back'}}

      <div class="header-content indented">
        <p class="title">{{i18n 'Ad-Free Viewing for Subscribers'}}</p>

        <p class="desc">{{i18n 'Manage in-stream ad settings for subscribers'}}</p>
      </div>
    </div>

    <div class="section-content">
      <fieldset class="clearfix">
        <div class="cl-input-container">
          <ul>
            <li>
              <label>
                <input type="checkbox" checked={{isHideAds}} onchange={{action 'checkboxChanged' value='target.checked'}}>
                {{i18n 'Ad-Free Viewing for Subscribers'}}
              </label>
            </li>

            <li>
              <p class="desc">{{i18n 'Enable this feature to give subscribers an ad-free viewing experience on your stream -- only non-subscribers will see the ads you run during your broadcast.'}}</p>
            </li>
          </ul>
        </div>
      </fieldset>

      <div class="cl-button-container">
        {{saving-button isSaving=isSaving save=(action 'save')}}
      </div>
    </div>
  </div>
</div>

{{#if isShowingWarningModal}}
  {{#modal-dialog action=(action 'cancelModal')}}
    <div class="card">
      <div class="text-content">
        <div class="item">
          <p>{{i18n 'Warning: Viewers expect consistency and changing this feature frequently could negatively impact your community.'}}</p>
        </div>

        <div class="buttons">
          <button class="button button--text js-subwindow-close" {{action 'cancelModal'}}>
            {{t 'general.forms.cancel'}}
          </button>

          <button class="js-subwindow-submit button" {{action 'confirmModal'}}>
            {{i18n "Confirm"}}
          </button>
        </div>
      </div>
    </div>
  {{/modal-dialog}}
{{/if}}
