{{#if showCommissionButton}}
  <div class="balloon-wrapper">
    <a class='action button js-sub-button' {{action "toggle_commission_modal"}}>Commission</a>
    <div id='commission_modal' class='balloon balloon--down balloon--right balloon--lg balloon--toggle'>
      <div class='mg-b-2'>
        <div class='markdown'>
          {{commissionTextHtml}}
        </div>
      </div>
      <div class='brick brick--marked'>
        <div class='small hint'>
          Clicking <strong>Send Request</strong> will start a new Whisper conversation between you and the broadcaster, where you can talk about the details of your commission. This conversation may be read by Twitch staff for quality assurance purposes.  Twitch bears no responsibility for any agreement made between you and the broadcaster.
        </div>
      </div>
      <div class='align-center mg-t-2'>
        <a class='button js-sub-button button--text align-center' {{action "toggle_commission_modal"}}>Cancel</a>
        <a class='button js-sub-button align-center mg-b-1' {{action "start_commission_whisper"}}>Send Request</a>
      </div>
    </div>
  </div>
{{/if}}
