<#import "template.ftl" as layout>
<@layout.registrationLayout displayInfo=social.displayInfo displayWide=(realm.password && social.providers??); section>
    <#if section = "header">
        <h1 class="login-title display-5 mb-3 d-lg-none">Login</h1>
        <h1 class="login-title display-3 mb-5 d-none d-lg-block">Login</h1>
    <#elseif section = "form">
        <form onsubmit="login.disabled = true; return true;" action="${url.loginAction}" method="post">
            <div class="form-group mb-2">
                <label for="username">Username</label>
                <input type="text" name="username" id="username" class="form-control"
                    placeholder="Enter your username">
            </div>
            <div class="form-group mb-5">
                <label for="password">Password</label>
                <input type="password" name="password" id="password" class="form-control"
                    placeholder="Enter your passsword">
            </div>
            <input name="login" id="kc-login" class="btn btn-block login-btn" type="submit" value="Log in">
        </form>
    <#elseif section = "image" >
         <img src="${url.resourcesPath}/images/login_md.jpg" alt="login image" class="login-img">
    <#elseif section = "info" >
        <#if realm.password && realm.registrationAllowed && !registrationDisabled??>
            <div id="kc-registration">
                <span>${msg("noAccount")} <a tabindex="6" href="${url.registrationUrl}">${msg("doRegister")}</a></span>
            </div>
        </#if>
    </#if>

</@layout.registrationLayout>
