{{#extend "right-aside" page_shopping-cart pageClass="page_basket" title="Basket"}}
  {{#content "head" mode="append"}}
    <link type="text/css" rel="stylesheet" href="./css/pages/page_shopping-cart.css">
    <link type="text/css" rel="stylesheet" href="./css/pages/checkout.css">
  {{/content}}
  {{#content "heading"}}
    <div class="notification-area desktop">
      {{> notifications notification-page.warning-tiles-changed withCloseBtn="true"}}
    </div>

    <div class="page-header">
      <a href="./" class="page-header__back-link">Continue shopping</a>

      <div class="notification-area mobile">
        {{> notifications notification-page.warning-tiles-changed withCloseBtn="true"}}
      </div>

      <h1 class="page-header__title">Your Basket</h1>
    </div>
  {{/content}}
  {{#content "main"}}
    {{> checkout_actions
        top-actions=true
        modifier="checkout-widget__basket-block_small"}}
    {{> checkout_order-summary_basket label="Total: " id=1 }}
    {{#extend "lines-group" name="For delivery" count=4 id=136589003}}
      {{#content "content"}}
        {{#each linesDelivery}}
          {{>order-line mod="order-line_shrink" dynamic=true deliveryChecked=true pageShopCart=true}}
        {{/each}}
      {{/content}}
    {{/extend}}
    {{#if charityDonations}}
        {{> charity-donations charityDonations}}
        {{#each linesCharity}}
          {{>order-line mod="order-line_shrink" dynamic=true}}
        {{/each}}
    {{/if}}
  {{/content}}
  {{#content "aside"}}
      {{> checkout_order-summary_basket label="Total: " id=2}}
  {{/content}}
  {{#content "prefooter"}}
<div class="container component pb-0">
    <hr>
</div>

  {{/content}}
  {{#content "footer"}}
    {{> footer_basket }}
  {{/content}}
  {{#content "foot" mode="append"}}
    <script defer src="./js/page/basket.js"></script>
    {{> click-and-collect-modal }}
  {{/content}}
{{/extend}}
