<div class="saving-totaliser {{#if this-last-year}}saving-totaliser--this-last-year{{/if}} {{#if this-year-only}}saving-totaliser--this-year-only{{/if}} {{#if no-savings}}saving-totaliser--no-savings{{/if}}">
  <div class="saving-totaliser__title heading-3">Your TradePro savings</div >
  <div class="saving-totaliser__wrapper">
    <div class="saving-totaliser__cell">
      <div class="saving-totaliser__saved">
        <div class="saving-totaliser__cell-title saving-totaliser__saving-title">Since joining TradePro you've saved</div>
        <div class="heading-1">{{#if no-savings}}£0.00{{else}}£3,920.37{{/if}}</div>
      </div>
      <div class="saving-totaliser__encourage">
        {{#unless no-savings}}
          <div>
            <div class="saving-totaliser__attencion heading-2">Impressive!</div>
            <div>Continue shopping with us to save even more.</div>
          </div>
        {{else}}
          <div>
            <div class="saving-totaliser__attencion heading-2">Looks like you've not used your discount yet. </div>
            <div>Start shopping with us to start your building your TradePro savings.</div>
            <a href="#" class="btn btn-primary">
              <span class="btn__text">Explore offers</span>
            </a>
          </div>
        {{/unless}}
      </div>
      <div class="saving-totaliser__saving-icon icon">
        <i class="fas fa-piggy-bank"></i>
      </div>
    </div>
     {{#unless no-savings}}
      <div class="saving-totaliser__wrapper2">
        <div class="saving-totaliser__cell">
          <div class="saving-totaliser__cell-title heading-5">This month</div>
          <div class="mb-0 heading-3">£18.43</div>
        </div>
        <div class="saving-totaliser__cell saving-totaliser__split-cell">
          <div class="saving-totaliser__semi-cell">
            <div class="saving-totaliser__cell-title heading-5">This year</div>
            <div class="mb-0 heading-3">£471.34</div>
          </div>
          {{#unless this-year-only}}
            <div class="saving-totaliser__divider"></div>
            <div class="saving-totaliser__semi-cell">
              <div class="saving-totaliser__cell-title heading-5">Last year</div>
              <div class="mb-0 heading-3">£2,381.10</div>
            </div>
          {{/unless}}
        </div>
      </div>
    {{/unless}}
  </div>
  <div class="saving-totaliser__note">Savings are calculated from the verification date of your TradePro account and are based on your TradePro Discount for online orders only.</div>
</div>
