{{#if hasTeespringCampaign}}
  <h3 class="mg-b-1">{{i18n 'Other Sources'}}</h3>

  <div class="dataWrap dataWrap--partnerMisc brick brick--faint">
    <div class="teeHeader flex flex--spaceBetween">
      <div class="flex__item">
        <h4>{{i18n 'Teespring Revenue'}}</h4>
      </div>

      <div class="flex__item">
        <a class="subtext" href="https://teespring.com/dashboard" target="_blank" rel="noopener noreferrer">
          {{i18n 'Visit Teespring Dashboard'}}
        </a>
      </div>
    </div>

    <div class="teeTotals">
      <div class="flex flex--stretch flex--nowrap">
        <div class="flex__item flex__item--grow mg-r-2 brick brick--marked brick--theme-grey brick--pd-lg">
          <h5 class="sub-text">
            {{i18n 'Total Revenue'}}
          </h5>

          <h1 class="mg-b-0">
            <span class="revHeader__unit">{{i18n '$'}}</span>
            <span class="revHeader__dollars">{{float-to-dollars totalRevenue}}</span>
            <span class="revHeader__cents">.{{float-to-cents totalRevenue}}</span>
          </h1>
        </div>

        <div class="flex__item flex__item--grow brick brick--marked brick--theme-grey brick--pd-lg">
          <h5 class="sub-text">
            {{i18n 'Total Campaigns'}}
          </h5>

          <h1 class="mg-b-0">
            {{teespringCampaigns.length}}
          </h1>
        </div>
      </div>
    </div>

    <div class="teeGrid">
      <div class="tower tower--xs-1-4 tower--lg-1-6 tower--gutter-sm">
        {{#each teespringCampaigns as |teespringCampaign|}}
          <figure class="dataWrap--teespring__teeGrid__item mg-b-1">
            <div class="brick brick--theme-grey teeImage aspect">
              <a href={{teespringCampaign.campaign_url}} target="_blank" rel="noopener noreferrer">
                <img src={{teespringCampaign.image_url}} alt={{i18n teespringCampaign.name}}>
              </a>
            </div>
            <figcaption class="brick brick--theme-white teeMeta">
              <h4 class="teeMeta__title">
                {{usd-currency teespringCampaign.revenue}}
              </h4>

              <p class="sub-text teeMeta__description">{{teespringCampaign.name}}</p>
            </figcaption>
          </figure>
        {{/each}}
      </div>
    </div>
  </div>
{{/if}}
