{{#extend "checkout" pageClass="page_checkout page_checkout page_checkout-confirmation" title="Checkout - Confirmation"
logout=true}}
{{#content "steps"}}
<div class="page-header">
    <h1 class="page-header__title">Thank You, Your Order Has Been Placed</h1>
    <p class="page-header__order-number">Order number: <span class="page-header__order-number_strong">143402004</span>
    </p>
    <p class="page-header__intro">We have emailed your order confirmation to <a href="#">michael.michael@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>

<div class="col-12">
    <h3>Products delivered by Wickes</h3>
    <p>The product listed below will be delivered to you by Wickes. The date, time slot and address for this delivery
        are
        listed below:</p>
</div>
{{/content}}
{{#content "main"}}

<div class="product-delivery-table">
    <div class="product-delivery-table__delivery-info">
        <div class="row">
            <div class="product-delivery-table__date">
                <h4>Delivery date</h4>
                <div class="product-delivery-table__date-inner">
                    <div class="checkout-address-time__time-regular">MAR</div>
                    <div class="checkout-address-time__time-primary">15</div>
                    <div class="checkout-address-time__time-additional">8:00am - 6:00pm</div>
                </div>
            </div>
            <div class="product-delivery-table__time">
                <h4>Delivery time</h4>
                <div class="product-delivery-table__content">
                    8:00am - 6:00pm
                </div>
            </div>
            <div class="product-delivery-table__address">
                <h4>Delivery address</h4>
                <div class="product-delivery-table__content">
                    459 Acasia way<br/>
                    Wimbledon<br/>
                    London<br/>
                    S7 7ET
                </div>
            </div>
        </div>
    </div>

    <div class="shopping-card-container">
        {{#each page_confirmation.linesCollection}}
        {{>order-line mod="order-line_shrink" calculator-notification=true}}
        {{/each}}
    </div>
</div>

<div class="col-12">
    <h3>Supplier delivered products</h3>
    <p>The following products will be delivered by our suppliers. They will be contacting you to arrange a delivery
        date.</p>
</div>

<div class="product-delivery-table product-supplier-delivery">
    <div class="shopping-card-container">
        {{#each page_confirmation.linesCollection}}
        {{>order-line mod="order-line_shrink"}}
        {{/each}}
    </div>
</div>


{{>checkout-supply-info checkout-components.supply-info.[2]}}
<div class="checkout-confirmation-shopping-cards">
    {{#each page_confirmation.linesCollection}}
    <div class="checkout-confirmation-shopping-card">
        <h4>Collection from Oldham store <span class="checkout__text-highlighted">1 Item</span></h4>
        <span class="checkout__text-highlighted">Your order will be ready for collection within 1 store hour.</span>
        <div class="shopping-card-container shopping-card-container_bordered">
            <div class="delivery-details-option__delivery-info">
                <div class="delivery-details-option__delivery-info-left">
                    {{>checkout-address-time time=true within=true}}
                </div>
                <div class="delivery-details-option__delivery-info-right">
                    {{>schedule}}
                </div>
            </div>
            {{>order-line mod="order-line_shrink"}}
        </div>
    </div>
    {{/each}}
</div>
<div class="product-delivery-table product-delivery-table__charity">
    <div class="shopping-card-container">
        {{#each page_confirmation.linesDonation}}
            {{>order-line mod="order-line_shrink"}}
        {{/each}}
    </div>
</div>
<a href="./" class="btn btn-secondary checkout-continue-shopping">Return to shopping</a>
{{/content}}
{{#content "aside"}}
{{> checkout_order-summary label="Total: "}}
{{> checkout_payment }}
{{> checkout_information }}

<a href="./" class="btn btn-secondary checkout-continue-shopping_mobile">Return to shopping</a>
{{/content}}
{{/extend}}
