{{#extend "base" pageClass="page_basket basket" title="Merged basket" hideBreadcrumbs=true footerCheckoutNew=true pageBasket=true}}
{{#content "head" mode="append"}}
<link type="text/css" rel="stylesheet" href="./css/pages/checkout.css">
<link type="text/css" rel="stylesheet" href="./css/pages/page_merged-basket.css">
<link type="text/css" rel="stylesheet" href="./css/pages/page_shopping-cart-v2.css">
<link type="text/css" rel="stylesheet" href="./css/components/energy-efficiency.css">
{{/content}}
{{#content "body"}}
<main class="merged">
  <div class="container">
    <h1 class="page-header__title">You Have Items In Your Guest Basket</h1>
    <p class="page-header__intro">What would you like to do with these items now that are you logged in?</p>
    {{> merge-basket-options }}
    <h2>View your baskets</h2>
    <div class="baskets">
      {{#extend "lines-group" name="My guest basket" count=4 id=136589003 collapsed=true}}
      {{#content "content"}}
      <div class="baskets__basket">
        <div class="baskets__basket-lines">
          {{#each shopping-cart-with-energy.sections}}
          <section class="basket__section">
            {{> checkout-section-title title=type}}
            {{#each items}}
            {{> order-item merged=true mergeBasket=true}}
            {{/each}}
          </section>
          {{/each}}
        </div>
        <div class="baskets__basket-summary">
          {{> order-summary merged-shopping-card-v2.checkout merged=true id=1}}
        </div>
      </div>
      {{/content}}
      {{/extend}}
      {{#extend "lines-group" name="My logged in basket" count=2 id=136589004}}
      {{#content "content"}}
      <div class="baskets__basket">
        <div class="baskets__basket-lines">
          {{#each shopping-cart-with-energy.sections}}
          <section class="basket__section">
            {{> checkout-section-title title=type}}
            {{#each items}}
            {{> order-item merged=true mergeBasket=true tile=true}}
            {{/each}}
          </section>
          {{/each}}
        </div>
        <div class="baskets__basket-summary">
          {{> order-summary merged-shopping-card-v2.checkout merged=true id=2}}
        </div>
      </div>
      {{/content}}
      {{/extend}}
    </div>
  </div>
</main>
{{/content}}
{{#content "foot" mode="append"}}
{{#extend "modal" classMod="modal-energy-efficiency" id="modal-energy-efficiency" title="" fullWidth=true showCloseBtn=true newIconCross=true}}
  {{#content "sections"}}
    <div class="modal-images"></div>
  {{/content}}
{{/extend}}
<script defer="defer" src="./js/page/checkout-confirmation-new.js"></script>
<script defer src="./js/basket.min.js"></script>
<script defer src="./js/energy-efficiency.min.js"></script>
{{/content}}
{{/extend}}
