{{#extend "checkout" pageClass="page_checkout" title="Checkout - Session expired" fullWidth=true}}
{{#content "steps"}}
{{> steps active-step-index="0" }}
{{/content}}

{{#content "main"}}
<div class="checkout-session-expired">
    <div class="session-icon">
        <a href="#">
            <i class="fas fa-exclamation-circle"></i>
        </a>
    </div>
    <p> Session expired. Please review any information you entered on this page before continuing.</p>
    <div class="session-icon float-right">
        <a onclick="$('.checkout-session-expired').hide();" href="#">
            <i class="far fa-times"></i>
        </a>
    </div>
</div>
<div class="checkout-sign-in">
    <form class="checkout-sign-in__inner" novalidate>
        <h3 class="checkout-sign-in__header">Secure checkout</h3>
        {{> form-row type="password" id="checkout-email" label="Enter your password to continue your session"}}
        <p>Not Maryna? <a href="#">Click here to sign in</a></p>

        <div class="form-row form-row__action">
            <div class="form-row__col-btn">
                <button class="btn btn-primary checkout-sign-in__btn" id="checkout-sign-in-submit">
                    <span class="btn__text">Continue securely</span>
                </button>
            </div>
        </div>
    </form>
</div>
{{/content}}

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

{{#extend "modal" id="modal-request-pass" title="Forgotten password" fullWidth=true}}
{{#content "body"}}
{{#extend "request-pass" id="form-forgotten-password-popup" button-text="Request your new password"}}
{{#content "info-top"}}
Please enter the email address for your Wickes account.<br/>
A link to change your password will be emailed to you.
{{/content}}
{{/extend}}
{{/content}}
{{/extend}}

{{/content}}

{{/extend}}