{{#if basket}}
<div class="summary summary--mobile d-lg-none" id="summary-mobile-{{id}}">
  {{> summary-mobile-bar}}
  <div class="collapse summary__aside container" id="checkout-summary-mobile-accordion-{{id}}" data-sticky-element>

    {{> checkout_order-summary-new head=title mod=mod id=(concat id "-mobile") mobile="true" hideDeliveryCostMessage=hideDeliveryCostMessage}}
    {{#unless (or basket checkout)}}
      <div class="summary__payment footer-checkout">
        {{#unless merged}}
          {{#if paymentsCheckoutV2}}
            <div class="footer-checkout-holder footer-checkout-holder--payways">
              {{> payments-checkout-v2}}
            </div>
          {{else}}
            <div class="footer-checkout-holder">
              {{> payments-checkout clearPayIcon="true"}}
              <span class="footer-checkout__copyright">
                        Copyright ©
                        <span class="current-year"></span> Wickes.co.uk
                      </span>
            </div>
          {{/if}}
        {{else}}
          <div class="summary__payment-message">
            <p class="summary__payment-main">{{vat-message.main}}</p>
            <p class="summary__payment-additional">{{vat-message.additional}}</p>
          </div>
        {{/unless}}
      </div>
    {{/unless}}
  </div>
</div>
{{/if}}


<div class="summary {{#if mod}}summary-large{{/if}} {{#if paymentsCheckoutV2 }}summary--payways{{/if}}">
  {{> checkout-section-title}}
  {{#if mod}}
    <div class="summary__accordion collapsed"
         data-toggle="collapse"
         data-target="#checkout-details-accordion-{{id}}"
    >
      <span class="summary__accordion-text">Show full summary</span>
      <span class="icon summary-icon-small">
                <i class="fas fa-angle-up"></i>
            </span>
    </div>
  {{/if}}
  <div class="summary__aside">
    {{> checkout_order-summary-new head=title mod=mod id=id switch-vat=switch-vat hideDeliveryCostMessage=hideDeliveryCostMessage}}

    {{#if klarna-placement}}
      <div class="summary__klarna">
        <klarna-placement
            data-key="credit-promotion-badge"
            data-locale="en-GB"
            data-purchase-amount="12000"
            {{#if klarna-method-ids}}data-custom-payment-method-ids="{{klarna-method-ids}}"{{/if}}
        ></klarna-placement>
      </div>
    {{/if}}
    {{#if billie-placement}}
      {{> billie-online-messaging basketStyles=true}}
    {{/if}}
    {{#if clearpay-placement}}
      {{> clearpay applyMargin=true hasKlarna=true}}
    {{/if}}
    {{#unless (or basket checkout)}}
      <div class="summary__payment footer-checkout">
        {{#unless merged}}
          {{#if paymentsCheckoutV2 }}
            <div class="footer-checkout-holder footer-checkout-holder--payways">
              {{> payments-checkout-v2 }}
            </div>
          {{else}}
            <div class="footer-checkout-holder">
              {{> payments-checkout clearPayIcon="true" }}
              <span class="footer-checkout__copyright">Copyright © <span class="current-year"></span> Wickes.co.uk</span>
            </div>
          {{/if}}
        {{else}}
          <div class="summary__payment-message">
            <p class="summary__payment-main">{{vat-message.main}}</p>
            <p class="summary__payment-additional">{{vat-message.additional}}</p>
          </div>
        {{/unless}}
      </div>
    {{/unless}}
  </div>

  {{#if basket-id}}
    <div class="summary__basked-id">
      Basket ID: <span class="id-number">136589003</span>
    </div>
  {{/if}}

  {{#if email}}
    <div class="summary__email">
      <h3 class="heading-3">Email</h3>
      <div class="summary__email-info">
        Examplemail@wickes.co.uk
      </div>
    </div>
  {{/if}}
</div>
