{{#extend "base" pageClass="page_wismo-details page_wismo-orders" title="Wismo details"}}
{{#content "head" mode="append"}}
<link type="text/css" rel="stylesheet" href="./css/pages/page_wismo-orders.css">
<link type="text/css" rel="stylesheet" href="./css/pages/page_wismo-details.css">
{{/content}}


{{#content "body"}}
<main class="container layout_right-aside">

    <a href="#" class="back-to-link">
        <i class="far fa-angle-left icon"></i>
        <span>Back to my account</span>
    </a>


    <div class="row wismo">
        <div class="page-header wismo__header">
            <h1>Order details</h1>
        </div>

        {{> wismo-heading-details }}

        <div class="container">
            <div class="row wismo-row">
                <div class="content">
                    <div class="content-wismo-order">
                        <div class="content-head">
                            Order item(s)
                        </div>
                        {{> wismo-order list=wismo-order-card}}
                    </div>
                </div>
                <aside class="right-aside">
                    {{> wismo_order-summary }}
                    {{> wismo-payment transactions=true}}
                </aside>
            </div>
        </div>
        {{> wismo-info-banner}}
    </div>
    <a href="#" class="back-to-link"><i class="far fa-angle-left icon"></i><span>Back to my account</span></a>

</main>

{{/content}}
{{/extend}}
<script src="js/page/wismo.js"></script>
