@{
    ViewData["Title"] = "Login";
}
<div class="auth-wrap">
    <div class="auth-card">
        <h1>MailSharp</h1>
        <p class="sub" data-i18n="login_subtitle"></p>

        <div id="loginError" class="alert alert-error" style="display:none;"></div>

        <form id="loginForm">
            <label for="EmailAddress" data-i18n="login_email_address"></label>
            <input type="email" id="EmailAddress" name="EmailAddress" required autofocus />

            <label for="Username" data-i18n="login_username"></label>
            <input type="text" id="Username" name="Username" />

            <label for="Password" data-i18n="login_password"></label>
            <input type="password" id="Password" name="Password" required />

            <div class="advanced-toggle"><a href="#" id="advancedToggle" data-i18n="login_advanced_toggle"></a></div>

            <div class="advanced-box" id="advancedBox">
                <label style="display:flex;align-items:center;gap:6px;">
                    <input type="checkbox" name="Advanced" style="width:auto;" /> <span data-i18n="login_manual_server"></span>
                </label>

                <h4 style="margin-bottom:0;" data-i18n="login_imap_incoming"></h4>
                <div class="grid-2">
                    <div><label data-i18n="login_server"></label><input type="text" name="ImapHost" id="ImapHost" /></div>
                    <div><label data-i18n="login_port"></label><input type="number" name="ImapPort" id="ImapPort" /></div>
                </div>
                <label data-i18n="login_security"></label>
                <select name="ImapSecurity" id="ImapSecurity">
                    <option value="SslTls" data-i18n="login_security_ssl_tls"></option>
                    <option value="StartTls" data-i18n="login_security_start_tls"></option>
                    <option value="None" data-i18n="login_security_none"></option>
                </select>

                <h4 style="margin-bottom:0;" data-i18n="login_smtp_outgoing"></h4>
                <div class="grid-2">
                    <div><label data-i18n="login_server"></label><input type="text" name="SmtpHost" id="SmtpHost" /></div>
                    <div><label data-i18n="login_port"></label><input type="number" name="SmtpPort" id="SmtpPort" /></div>
                </div>
                <label data-i18n="login_security"></label>
                <select name="SmtpSecurity" id="SmtpSecurity">
                    <option value="StartTls" data-i18n="login_security_start_tls"></option>
                    <option value="SslTls" data-i18n="login_security_ssl_tls"></option>
                    <option value="None" data-i18n="login_security_none"></option>
                </select>
            </div>

            <div class="auth-actions">
                <button type="submit" class="btn btn-primary" data-i18n="login_submit"></button>
            </div>
        </form>
    </div>
</div>
@section Scripts {
    <script src="~/js/login.js" asp-append-version="true"></script>
}