{{#extend "checkout-new" pageClass="page_checkout page_checkout-confirmation-new order-confirmation" title="Checkout - Confirmation" logout=true clearPayIcon=true isCentered=true fullWidth=true}}
{{#content "steps"}}
<div class="header-wrap header-wrap__full-width">
    <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 confirmation-result__action-full-width">
        <a href="https://www.wickes.co.uk/my-account/orders" class="btn btn-primary">View 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}}

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

{{/content}}

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

{{/extend}}