@Master['master_withoutheader.html']
@Model['LoginViewModel']
@Section['Content']

<div style="padding: 15px 0px 15px 0px;border-bottom:5px double black;border-top:5px double black">
    <div class="row">
        <div class="col-9">
            <img src="/static/appGenerics.png" height="120px" class="d-inline-block align-top" alt="">
        </div>
        <div class="col-3 d-flex justify-content-end">
            <img src="/static/Logo.svg" height="120px" alt="MailMonkey-Logo" />
        </div>
    </div>
    <div class="row">
        <div class="col-9">
            <p class="badge badge-dark" style="font-size:24pt;">MailMonkey @Model.ProductVersion, @Model.BuildVersion</p>
        </div>
        <div class="col-3 d-flex justify-content-end">
        </div>
    </div>
    <div class="row">
        <div class="col-9">
            <p>(C) 2019-2026 appGenerics GmbH</p>
        </div>
        <div class="col-3 d-flex justify-content-end">
        </div>
    </div>
</div>

<form class="mt-3" method="post" action="">
    @If.LoginValidationInfo.Invalid
    <div class="alert alert-danger" role="alert">Ihre Eingaben sind ungültig, bitte korrigieren!</div>
    @EndIf

    @If.LoginValidationInfo.CantLogin
    <div class="alert alert-danger" role="alert">Anmeldung @If.UseVertecAuth am Vertec @EndIf fehlgeschlagen!</div>
    @EndIf

    <div class="row">
        <div class="col">
            <div class="form-group">
                <small id="UsernameHelp" class="form-text text-muted">@If.UseVertecAuth Vertec-@EndIf Benutzername</small>
                <input type="text" class="form-control @If.LoginValidationInfo.UsernameIsInvalid is-invalid @EndIf" id="Username" name="Username" value="@!Model.Username" aria-describedby="UsernameHelp" placeholder="Bitte eingeben." autofocus>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col">
            <div class="form-group">
                <small id="PasswordHelp" class="form-text text-muted">@If.UseVertecAuth Vertec-@EndIf Passwort</small>
                <input type="password" class="form-control @If.LoginValidationInfo.PasswordIsInvalid is-invalid @EndIf" id="Password" name="Password" value="@!Model.Password" aria-describedby="PasswordHelp" placeholder="Bitte eingeben.">
            </div>
        </div>
    </div>
    @If.Model.UseTwoFactor
    <div class="row">
        <div class="col">
            <div class="form-group">
                <small id="TwoFactorHelp" class="form-text text-muted">2FA</small>
                <input type="text" class="form-control" id="TwoFactor" name="TwoFactor" value="@!Model.TwoFactor" aria-describedby="TwoFactorHelp" placeholder="Bitte eingeben.">
            </div>
        </div>
    </div>
    @EndIf
    <div class="row mt-2">
        <div class="control-group mb-3">
            <div class="controls">
                <button type="submit" class="btn btn-primary">Log in</button>
            </div>
        </div>
    </div>
</form>
@EndSection
