@using Microsoft.AspNetCore.Mvc.Localization
@inject IViewLocalizer T
@{
    ViewData["Title"] = T["Login"];
}

<div class="text-center">
    <h1 class="display-4">@T["Login"]</h1>
    @{
        if (Model.ErrorText is not null)
        {
            <div class="alert alert-danger text-center login-error">
                <h2>@Model.ErrorText</h2>
            </div>
        }
    }
    <form method="post" action="/Home/Login" class="mt-4" style="max-width: 400px; margin: auto;">
        <div class="form-group mb-3">
            <label for="username" class="form-label">@T["Username"]</label>
            <input autofocus type="text" class="form-control" id="username" name="username" required>
        </div>

        <div class="form-group mb-3">
            <label for="password" class="form-label">@T["Password"]</label>
            <input type="password" class="form-control" id="password" name="password" required>
        </div>

        <button type="submit" class="btn btn-primary w-100">@T["Login"]</button>
    </form>
</div>