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

      <div class='header-content indented'>
        <p class='title'>
          {{i18n "Creative Settings"}}
        </p>
        <p class='desc'>
          {{i18n "Display a commission button and change your commission text"}}
        </p>
      </div>
    </div>
    <form>
      <fieldset class='clearfix' id='ticket-name-fieldset'>
        <div class='label-wrapper'>
          <label>
            {{i18n "Subscription Button"}}
          </label>
        </div>
        <div class='cl-input-container'>
          <label>
            {{input type="checkbox" checked=commission_button}}
            {{i18n "Turn on your commission button"}}
          </label>
        </div>
      </fieldset>
      <fieldset class='clearfix' id='ticket-name-fieldset'>
        <div class='label-wrapper'>
          <label>
            {{i18n "Commission Text"}}
          </label>
        </div>
        <div class='cl-input-container'>
          {{textarea class="string" value=commission_text placeholder=commissionPlaceholderText maxlength=500}}
          <p class='desc'>
            {{i18n "Text that will display whenever someone clicks your commission button. Put rates, and rules for your commissions here. Supports" }}
            <a href='http://help.twitch.tv/customer/portal/articles/839490-markdown-basics' target='_blank' rel="noopener noreferrer">{{i18n 'Markdown'}}</a>
            {{i18n "(No HTML)"}}
          </p>
        </div>
      </fieldset>
      <div class='cl-button-container clear'>
        <div class='form-actions'>
          {{saving-button isSaving=isSaving save=(action save) }}
        </div>
      </div>
    </form>
  </div>
</div>
