<div class="subscription-modal js-resubscribe-modal">
  <div class="subscription-modal__bar">
    <img src={{channel.logo}} alt={{channel.name}} class="subscription-modal__logo">
    <span class="subscription-modal__title">
      {{styled-i18n 'Resubscribe to %{channelName}' (hash channelName=channel.displayName)}}
    </span>
    {{#common/button-element
      class='button--icon-only subscription-modal__close'
      onClick=(action 'close')
    }}
      {{svg-icon path='svg/close'}}
    {{/common/button-element}}
  </div>

  <div class="subscription-modal__body">
    <div class="clearfix">
      <div class="subscription-modal__sub-header">
        {{i18n 'Free Channel Sub with Twitch Prime'}}
      </div>
      {{#if (not isSubscribing)}}
        {{#if canSubscribe}}
          <button class="button float-right" {{action 'samusSpendCredit' channel}} data-samus-subscribe-text>
            {{i18n 'Resubscribe Free'}}
          </button>
        {{else}}
          {{#common/button-element
            class='button--disabled subscription-modal__button--no-credit js-samus-no-credit-text float-right'
          }}
            {{i18n 'Not yet!'}}
          {{/common/button-element}}
        {{/if}}
      {{else}}
        <img src={{spinnerImage}} class="loading js-spinner">
      {{/if}}
    </div>

    {{! TODO use styled i18n }}
    <p class="mg-t-1"><strong>{{i18n 'Use your free channel subscription to directly support your favorite streamer.'}}</strong></p>
    <p class="mg-y-1">
      <a href={{faqUrl}} target='_blank' rel="noopener noreferrer" {{action "trackLinkClick" "click_prime_faq" preventDefault=false}}>
        {{i18n 'Learn more about your free sub'}}
      </a>
    </p>
  </div>
</div>
