{{#extend "base" hybrisClass="hybris-class" pageClass="trade-page" title="Session expired"}}
{{#content "head" mode="append"}}
<link type="text/css" rel="stylesheet" href="./css/pages/checkout.css">
<link type="text/css" rel="stylesheet" href="./css/pages/page_half-login.css">
{{/content}}
{{#content "body"}}
<div class="container half-login">
    <div class="checkout-session-expired">
        <div class="session-icon">
            <a href="#">
                <i class="fas fa-exclamation-circle"></i>
            </a>
        </div>
        <p> Session expired. Please re-enter your login credentials 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">Returning Customer</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">Login</span>
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>
{{/content}}
{{/extend}}