{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout page_checkout-confirmation-new" title="Checkout - Delivery address Customer Journey" isAsideSticky="true"}}
{{#content "steps"}}
{{> steps active-step-index="1" }}
{{/content}}

  {{#content "head" mode="append"}}
    <link type="text/css" rel="stylesheet" href="./css/pages/checkout-new.css">
    <link type="text/css" rel="stylesheet" href="./css/pages/page_checkout_delivery-new.css">
  {{/content}}

  {{#content "aside"}}
    {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true}}
  {{/content}}


{{#content "main"}}
  <div class="delivery-block">
    <h3 class="delivery-block__heading">Delivery Information</h3>


    <div class="delivery-block__wrapper customer-journey-block">

      {{> user-address-delivery radioName="checkout-address-radio" modal="modalDeliveryEdit" selectedAddress=true simpleAddress=true isDeleted=true}}

    </div>
  </div>

  <div class="click-collect-block">
    <h3 class="click-collect-block__heading">Click & Collect</h3>
    <div class="click-collect-block__wrapper">
      {{#with checkoutOrder.clickCollectDeliveryAddress.[0]}}
          <div class="checkout-order">
            {{> checkout-order-block}}
        </div>
      {{/with}}
    </div>
  </div>

{{> checkout_voucher_large  title="Voucher Code"}}

  <div class="continue-btn">
      <button class="btn btn-action">Continue to Delivery Details</button>
  </div>

{{/content}}

{{#content "foot" mode="append"}}
  <script defer src="./js/page/checkout-confirmation-new.js"></script>
  <script defer src="./js/page/select-address.js"></script>
  <script src="./js/checkout.min.js"></script>

  {{#extend "modal" classMod="edit-delivery-address" id="modalDeliveryEdit" title="Edit delivery address" fullWidth=true}}
    {{#content "body"}}
      <div class="edit-address-modal-block">
        {{> notifications notification-page.error-deliver-area}}
        <button class="btn btn-primary btn-choose-address">
            <span class="btn__text">Choose address</span>
        </button>

        {{> delivery-address-form-new checkboxTrue=true}}
        <button class="btn btn-action btn_full">
            <span class="btn__text">Continue to delivery details</span>
        </button>
      </div>
  {{/content}}
  {{/extend}}

{{/content}}
{{/extend}}


