{{#extend "checkout-new" pageClass="page_checkout page_checkout-confirmation-new" title="Checkout - Confirmation"
logout=true}}
{{#content "steps"}}
<div class="header-wrap">
    <h1 class="header__title">Order Confirmation</h1>
    <p class="header__order-block">Order number: <span class="header__order-number">143402004</span></p>
</div>
{{/content}}
{{#content "main"}}

<div class="confirmation-result-wrap">
    <div class="confirmation-result__notif">
        <span class="notif-check"><i class="fas fa-check"></i></span>
        <span class="notif-info">Your Order Was Successful!</span>
    </div>

    <p class="confirmation-result__info">
        We have emailed your order confirmation to <a href="mailto:petra.mendez@gmail.com">petra.mendez@gmail.com</a> with details of when your order will be delivered. This email will also contain our contact details should you wish to get in touch with us.
    </p>

    <div class="confirmation-result__action">
        <a href="https://www.wickes.co.uk/track-my-order" class="btn btn-primary"><i class="fas fa-map-marked-alt"></i> Track My Order</a>
        <a href="./" class="btn btn-secondary">Continue Shopping</a>
    </div>
</div>

{{#with checkoutOrder.delivery.[0]}}
    {{>checkout-order}}
{{/with}}


{{#with checkoutOrder.clickCollect.[0]}}
    {{>checkout-order clickCollect="true"}}
{{/with}}


{{#with checkoutOrder.charity.[0]}}
    {{>checkout-order charity="true"}}
{{/with}}


{{> checkout_payment-new }}
{{> checkout_order-summary-new label="Total:" confirmationSummary="true"}}

<div class="confirmation-ready-register">
    <h3 class="heading-3">Ready to register?</h3>
    <div class="checkout-info-wrap">
        <p class="checkout-register__paragraph">Registering to Wickes comes with many benefits, it will also make checkout much faster if you choose to shop with us again. Feel free to setup your password below:    </p>
        <h4 class="checkout-register__title">Create your password</h4>
        <div class="warning-required">Required fields</div>
        <div class="checkout-register__form-row">
            {{> form-row type="password" id="password" label="Password" info="Minimum length is 6 characters" required="true"}}
            {{> form-row type="password" id="confirm-password" label="Confirm password" required="true"}}

            <div class="form-register__row additional-info-dropdown">
                {{> form-row row-mod="form-register__describe-yourself" dropdown="true" label="Additional information" info="How would you describe yourself or your main trade" id="select-address-bottom" placeholder="DIY" required="true"}}
            </div>
        </div>

        <button class="btn btn-primary btn_full checkout-register__create-account">
            <span class="btn__text">Create Account</span>
        </button>
    </div>
</div>

{{/content}}

{{#content "aside"}}
{{> checkout_information info-icon="true"}}
{{/content}}

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

{{/extend}}
