@model ContactManagementAPI.ViewModels.LoginViewModel
@{
    ViewData["Title"] = "Login";
}

<div class="form-container" style="max-width: 520px; margin: 40px auto;">
    <h2><i class="fas fa-sign-in-alt"></i> Sign In</h2>

    <form method="post" asp-action="Login">
        @Html.AntiForgeryToken()
        <input type="hidden" asp-for="ReturnUrl" />

        <div class="form-group">
            <label asp-for="UserName"></label>
            <input asp-for="UserName" class="form-control" />
            <span asp-validation-for="UserName" class="text-danger"></span>
        </div>

        <div class="form-group">
            <label asp-for="Password"></label>
            <input asp-for="Password" class="form-control" type="password" />
            <span asp-validation-for="Password" class="text-danger"></span>
        </div>

        <div class="form-actions">
            <button type="submit" class="btn btn-primary">
                <i class="fas fa-lock"></i> Login
            </button>
        </div>

        @if (!ViewData.ModelState.IsValid)
        {
            <div class="alert alert-danger" style="margin-top: 15px;">
                Please check your credentials and try again.
            </div>
        }
    </form>
</div>

@section Scripts {
    <partial name="_ValidationScriptsPartial" />
}