{{#extend "base" pageClass="" title="Merged basket" hideBreadcrumbs=true}}
{{#content "head" mode="append"}}
  <link type="text/css" rel="stylesheet" href="./css/pages/checkout.css">
{{/content}}
{{#content "body"}}
  <main>
    <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>
    </div>
    {{> merge-basket-options }}
    <div class="container">
      <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 page_merge-basket.guestBasket}}
                  {{>order-line mod="order-line_shrink"}}
                {{/each}}
              </div>
              <div class="baskets__basket-summary">
                {{> order-summary-min }}
              </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 page_merge-basket.loggedInBasket}}
                  {{>order-line mod="order-line_shrink"}}
                {{/each}}
              </div>
              <div class="baskets__basket-summary">
                {{> order-summary-min }}
              </div>
            </div>
          {{/content}}
        {{/extend}}
      </div>
    </div>
  </main>
{{/content}}
{{/extend}}