<h4>
  {{t 'general.Twitch.subscriptions'}}
</h4>

{{#if isGettingSubscriptionsCount}}
  <div class="flex">
    <figure class="flex__item loading-spinner"></figure>
  </div>
{{else}}
  <p>
    {{~#with (i18n-split-string 'You currently have |number| subscribers') as |translated|~}}
      {{~at-index translated 0~}}
      <span class="strong">{{commatized subscriptionsCount}}</span>
      {{~at-index translated 2~}}
    {{~/with~}}
  </p>

  <p class="sub-text">
    <a href="#" {{action 'openEmailSubscriberListModal'}}>{{i18n 'Email me my subscribers list'}}</a> {{i18n "|"}}
    <a href="#" {{action 'openSendEmailToSubscribersModal'}}>{{i18n 'Send email to subscribers'}}</a>
  </p>
{{/if}}

{{#if isShowingEmailSubscribersListModal}}
  {{#ember-wormhole to="wormhole-overlays"}}
    {{dashboards/revenue/email-subscriber-list-modal
      channelId=channelId
      closeModal=(action 'closeEmailSubscriberListModal')
    }}

  {{/ember-wormhole}}
{{else if isShowingSendEmailToSubscribersModal}}
  {{#ember-wormhole to="wormhole-overlays"}}
    {{dashboards/revenue/send-email-to-subscribers-modal
      channelId=channelId
      subscriberCount=subscriptionsCount
      closeModal=(action 'closeSendEmailToSubscribersModal')
    }}
  {{/ember-wormhole}}
{{/if}}
