{{#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-details-card}}

                        <div class="container wismo__ref-wrap heading-3">
                            <div class="row">
                                <div class="wismo__ref">
                                    <div class="heading-3">
                                        <span class="icon">
                                            <svg class="svg-inline--fa fa-info-circle fa-w-16" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="info-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"></path></svg><!-- <i class="fas fa-info-circle"></i> -->
                                        </span>
                                        <span class="ref-msg">
                                            The total refund issued for your recent order cancellation or amendments was 
                                            £20.00
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <aside class="right-aside">
                    {{> wismo_order-summary }}
                    {{> wismo-payment }}
                </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>
<script src="js/components/general/snack-bar.js"></script>
<script src="js/emulation/wismo-details.js"></script>
