<#import "template.ftl" as layout>
<@layout.registrationLayout; section>
    <#if section="header">
        <h1 class="login-title display-5 mb-3 d-lg-none">OTP Validation</h1>
        <h1 class="login-title display-3 mb-5 d-none d-lg-block">OTP Validation</h1>
    <#elseif section="form">
        <form id="kc-otp-login-form" class=""
            action="${url.loginAction}"
            method="post">

            <div class="form-group mb-5">
                <label for="password">One-time code</label>
                <input type="text" name="otp" id="otp" autocomplete="off" autofocus="yes" class="form-control"
                    placeholder="Enter your one-time code">
            </div>
            <input name="login" id="kc-login" class="btn btn-block login-btn" type="submit" value="Validate">
        </form>
    <#elseif section="image">
        <img src="${url.resourcesPath}/images/otp_md.jpg" alt="login image" class="login-img">
    </#if>
</@layout.registrationLayout>