@page "/user/login"
@attribute [IgnoreAntiforgeryToken]
@using Microsoft.IdentityModel.Tokens
@model LoginModel

@{
    ViewData["Title"] = "Login";
}

<partial name="_Logo" />
<h2 class="fw-bold mb-2 text-uppercase">Login</h2>
<p class="text-white-50 mb-4">Please enter your login and password.</p>

<form id="account" method="post" class=" z-index-1 position-relative needs-validation" novalidate="">

@if (!Model.SuccessMessage.IsNullOrEmpty())
{
<div class="alert alert-success" role="alert">
    @Model.SuccessMessage
</div>
}

<div data-mdb-input-init class="form-outline form-white mb-4">
    <label asp-for="Input.Email" class="form-label"></label>
    <input asp-for="Input.Email" class="form-control"></input>
    <span asp-validation-for="Input.Email" class="text-danger"></span>
</div>

<div data-mdb-input-init class="form-outline form-white mb-4">
    <label asp-for="Input.Password" class="form-label"></label>
    <input asp-for="Input.Password" class="form-control"></input>
    <span asp-validation-for="Input.Password" class="text-danger"></span>
</div>

<p class="small mb-5 pb-lg-2"><a class="text-white-50" href="/user/forgot-password">Forgot password?</a></p>

<button data-mdb-button-init data-mdb-ripple-init class="btn btn-outline-light btn-lg px-5" type="submit">Login</button>

<div class="d-flex justify-content-center text-center mt-4 pt-1">
    <a href="#!" class="text-white"><i class="fab fa-facebook-f fa-lg"></i></a>
    <a href="#!" class="text-white"><i class="fab fa-twitter fa-lg mx-4 px-2"></i></a>
    <a href="#!" class="text-white"><i class="fab fa-google fa-lg"></i></a>
</div>
</form>

<div>
    <p class="mb-0">Don't have an account? <a href="/user/register" class="text-white-50 fw-bold">Sign Up</a>
    </p>
</div>
