{{#extend "checkout" pageClass="page_checkout-delivery-address" title="Checkout - Delivery address" logout=true isAsideSticky="true"}}
{{#content "steps"}}
{{> steps active-step-index="1" }}
{{/content}}
{{#content "main"}}
<div class="delivery-address">
    <div data-addresses>
        {{> user-address-simplified radioName="checkout-address-radio" modal="modalDeliveryEdit" mod="js-selectable"
        selectedAddress=true simpleAddress=true isDeleted=true hasRemove=true}}
    </div>
    <div data-new-address style="display: none;">
        <div class="delivery-address__btn-back">
            <a href="#" class="link-primary btn-back-to-addresses">Back to choose address</a>
        </div>
        <form class="form-wrapper delivery-address-form" id="form-checkout-your-details" data-action="./page_checkout_delivery-details.html">
            <div class="delivery-address-form__inner">
                {{> checkout_your-details uid="cyd1" address-list=true}}
            </div>
        </form>
    </div>
</div>



<div class="delivery-address__actions">
    <a href="#" class="btn-new-address">Add new address</a>
    <a href="./page_checkout_delivery-details.html" class="btn_full btn btn-action checkout-widget__outer-button btn-delivery-details btn-md-lg-continue-delivery-details">Continue to delivery details
        <span class="icon">
            <i class="fas fa-arrow-right"></i>
        </span>
    </a>
</div>
{{/content}}
{{#content "aside"}}
{{> checkout_order-summary label="Subtotal: "}}
<a href="./page_checkout_delivery-details.html" class="btn_full btn btn-action checkout-widget__outer-button btn-delivery-details">Continue to delivery details
    <span class="icon">
      <i class="fas fa-arrow-right"></i>
    </span>
</a>
{{/content}}
{{#content "foot" mode="append"}}
<script defer src="js/page/checkout-delivery-address.js"></script>

{{#extend "modal" id="modalDeliveryEdit" title="Edit delivery address" fullWidth=true classMod="edit-delivery-addr-guest"}}
{{#content "sections"}}

{{#extend "modal-body-section" customSectionClass="edit-delivery-addr-guest__form"}}
{{#content "body"}}
<form class="form-wrapper" id="checkout-your-details-modal">
    {{> checkout_your-details open-delivery-block="true" uid="cyd2"}}
    <div class="form-row form-row__action">
        <div class="form-row__col-btn">
            <button class="btn btn-action btn_full">
                <span class="btn__text">Continue to delivery details</span>
                <span class="icon">
                    <i class="fas fa-arrow-right"></i>
                 </span>
            </button>
        </div>
    </div>
</form>
{{/content}}
{{/extend}}

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

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