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

      <div class='header-content indented'>
        <p class='title'>
          {{i18n "Video Restrictions"}}
        </p>

        <p class='desc'>
          {{i18n "Set viewer restrictions on your past videos and live broadcast"}}
        </p>
      </div>
    </div>

    <form>
      <div class='section-content dashboard-section'>
        <fieldset class='clearfix' id='ticket-name-fieldset'>
          <div class='label-wrapper'>
            <label>
              {{i18n "Restrict Access To Video Archives"}}
            </label>
          </div>

          <div class='cl-input-container'>
            <ul>
              <li>
                <label>
                  {{input type="checkbox" checked=subonlyArchivesLocal}}
                  {{i18n "Only subscribers can view archived videos"}}
                </label>
              </li>

              <li>
                <p class='desc'>
                  {{i18n "Only subscribers can watch your past broadcasts, highlights, and bookmarks."}}
                </p>
              </li>
            </ul>
          </div>
        </fieldset>

        <fieldset class='clearfix' id='ticket-pitch-fieldset'>
          <div class='label-wrapper'>
            <label>
              {{i18n "Restrict Video Quality"}}
            </label>
          </div>

          <div class='settings'>
            <ul>
              <li>
                <p>
                  {{i18n "You can limit the quality options for non-subscribers: *"}}
                </p>
              </li>

              <li>
                <ul class='video-quality-list js-video-quality-list'>
                  {{#video/limit-selectable restricted=sourceRestricted
                     toggle=(action 'sourceRestrictionToggle')}}
                    <div class='quality-name'>
                      {{i18n "Source"}}
                    </div>

                    <div class='quality-setting'>
                      {{~#if sourceRestricted~}}
                        {{i18n "Sub-Only"}}
                      {{~else~}}
                        {{i18n "Free"}}
                      {{~/if~}}
                    </div>
                  {{/video/limit-selectable}}

                  {{#video/limit-selectable restricted=highRestricted
                     toggle=(action 'highRestrictionToggle')}}
                    <div class='quality-name'>
                      {{i18n "High"}}
                    </div>

                    <div class='quality-setting'>
                      {{~#if highRestricted~}}
                        {{i18n "Sub-Only"}}
                      {{~else~}}
                        {{i18n "Free"}}
                      {{~/if~}}
                    </div>
                  {{/video/limit-selectable}}

                  <li class='non-selectables'>
                    <div class='option'>
                      <div class='quality-name'>
                        {{i18n "Medium"}}
                      </div>
                    </div>

                    <div class='option'>
                      <div class='quality-name'>
                        {{i18n "Low"}}
                      </div>
                    </div>

                    <div class='quality-setting'>
                      {{i18n "Always Free"}}
                    </div>
                  </li>
                </ul>
              </li>

              <li>
                <p class='desc'>
                  {{i18n "* Changes to this setting will not affect viewers who are already on your channel page."}}
                </p>
              </li>
            </ul>
          </div>
        </fieldset>

        <div class='cl-button-container submit-button-fieldset'>
          <div class='form-actions'>
            {{saving-button isSaving=isSaving save=(action save) }}
          </div>
        </div>
      </div>
    </form>
  </div>
</div>
