<div class="checkout-widget checkout-widget_order-summary">
  {{#extend "accordion" header="Order summary" mod="" hidden=""}}
    {{#content "content"}}
      <h3 class="heading-3 checkout-widget__header">Order summary</h3>
      <ul class="checkout-widget__details">
        <li>
          <span class="checkout-widget__detail-name">Items subtotal:</span>
          <span class="checkout-widget__detail-value">£149.99</span>
        </li>
        <li>
          <span class="checkout-widget__detail-name">Delivery:
            {{#if big-and-bulky-tooltip}}
                <span class="checkout-widget__tooltip-bb tooltip-bb">
                    <span class="tooltip-bb__element">
                        ?
                    </span>
                    <span class="tooltip-bb__info">
                        Long distance delivery charge applied
                    </span>
                </span>
            {{/if}}
          </span>
          <span class="checkout-widget__detail-value">£9.99 </span>
        </li>
        <li>
          <span class="checkout-widget__detail-name">Click & Collect:</span>
          <span class="checkout-widget__detail-value">FREE</span>
        </li>
        <li>
          <span class="checkout-widget__detail-name">VAT:</span>
          <span class="checkout-widget__detail-value">£25.00</span>
        </li>
        <li class="checkout-widget__accordion-wrap">
          <span class="checkout-widget__detail-name checkout-widget__detail-name_accordion collapsed" data-toggle="collapse"
                data-target="#acheckout-widget-accordion">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">
            {{#each discounts}}
              {{> cart-voucher}}
            {{/each}}
          </ul>
          <span class="checkout-widget__detail-value">£0.00</span>
        </li>
      </ul>
      <div class="checkout-widget__total">
        <div class="checkout-widget__total-legend"> {{ label }}</div>
        <div class="checkout-widget__price">£149.99</div>
      </div>
      {{#if action}}
        <div class="checkout-widget__actions">
          <a href="{{action}}" class="btn btn_full btn-action btn-payment-details">Continue to payment details
            <span class="icon">
              <i class="fas fa-arrow-right"></i>
            </span>
          </a>
        </div>
      {{/if}}
      {{#if submit}}
        <div class="form-row__col-terms">
          <input type="checkbox">
          By submitting your order, you accept our
          <a href="#" class="link-secondary" data-toggle="modal" data-target="#modal-terms-and-conditions">
            Terms & Conditions of sale
          </a>
        </div>
        <div class="checkout-widget__actions">
          <a href="#" class="btn btn_full btn-action btn-submit-order">Submit Order</a>
        </div>
      {{/if}}
    {{/content}}
  {{/extend}}
</div>