<title>{{layout.header.title}} - Authentication</title>
<link rel="shortcut icon" href="{{system.icon}}">
{%include "libs.html" %}
<script>
$(document).ready(()=>{
    qcms.login.model = "{{login.model|safe}}"
    qcms.login.cancel()
        

})
</script>
<style>
    .qcms-login-error {
        display:grid;
        grid-template-columns: 32px auto;
        align-items: center;
        gap:8px;
        padding:4px; color:maroon;
        font-weight:lighter; font-size:12px;
    }
</style>
<div class="border-round border" style="margin-top:15%;  margin-left:35%; margin-right:35%">
    {{html|safe}}
    <div class="qcms-login-error-frame">
        <div class="qcms-login-error border-round border">
            <div class="border-right active" align="center" onclick="qcms.login.cancel()">
                <i class="fa-solid fa-times" style="color:maroon"></i>
            </div>
            <div>Login error, please try again</div>
        </div>
    </div>
</div>