<div class="checkout-widget checkout-widget_order-summary {{#if mod}}checkout-widget-{{mod}}{{/if}}">
    {{#unless head}}
        <h3 class="heading-3 checkout-widget__header">Order Summary</h3>
    {{/unless}}
    <ul class="checkout-widget__details checkout-info-wrap {{#if mod}}collapse{{/if}}" id="checkout-details-accordion-{{id}}">
        {{#if confirmationSummary}}
            {{#each confirmation-summary.info}}
                <li class="checkout-widget__item {{#if mod}}checkout-widget__item-{{mod}}{{/if}}">
                    <span>{{title}}</span>
                    <span class="checkout-widget__item-value">{{value}}</span>
                </li>
            {{/each}}
        {{else}}
            {{#each info}}
                <li class="checkout-widget__item {{#if (lookup this "mod")}}checkout-widget__item-{{lookup this "mod"}}{{/if}}">
                    <span>{{title}}</span>
                    <span class="checkout-widget__item-value">{{value}}</span>
                </li>
            {{/each}}
        {{/if}}
        {{#unless hideApplyVoucher}}
          {{> checkout-voucher-accordion id=id}}
        {{/unless}}
        {{#if discounts}}
            <li class="checkout-widget__accordion-wrap checkout-widget__details-discount">
              <span
                class="checkout-widget__detail-name checkout-widget__detail-name_accordion collapsed"
                data-toggle="collapse"
                data-target="#acheckout-widget-accordion-{{id}}">
                  Discount(s):
                  <span class="icon accordion__header-icon-small">
                    <i class="fas fa-angle-up"></i>
                  </span>
              </span>
              <ul class="checkout-widget__details-hidden collapse" id="acheckout-widget-accordion-{{id}}">
                  {{#each discounts}}
                      {{> cart-voucher}}
                  {{/each}}
              </ul>
              <span class="checkout-widget__detail-value">£0.00</span>
            </li>
        {{/if}}
    </ul>
  {{#unless mobile}}
    <div class="checkout-widget__total" data-sticky-observe>
        {{#if confirmationSummary}}
            <div> {{ confirmation-summary.total.title }}</div>
            <div class="checkout-widget__total-value">{{ confirmation-summary.total.value }}</div>
        {{else}}
            <div> {{ total.title }}</div>
            <div class="checkout-widget__total-value">{{ total.value }}</div>
        {{/if}}
    </div>
  {{/unless}}
</div>
