@model LoginViewModel

<link rel="stylesheet" href="~/css/site.css" />

<div class="login-container">
    <div class="login-box-container">
        <div class="box-right"></div>
        <div class="box-left">
            <div class="form-title">
                <h2>Welcome to the clinic!</h2>
                <h4>Please log in to your account</h4>
            </div>

            <form asp-action="Login" asp-controller="Account" method="post">
                <input type="hidden" asp-for="ReturnUrl" />
                <div class="form-input-container">
                    <label asp-for="Email"></label>
                    <input asp-for="Email" class="text-center" />
                    <span asp-validation-for="Email" class="text-danger"></span>
                </div>

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

                <div class="form-input-container">
                    <a asp-action="Register" asp-controller="Account">Or create an account</a>
                </div>

                <div style="margin-bottom: 2rem" class="form-input-container">
                    <button type="submit" class="btn btn-primary col-3">Login</button>
                </div>

                <div class="form-outline text-center text-danger">
                    <div asp-validation-summary="All" class="text-danger"></div>
                </div>
            </form>
        </div>
    </div>
</div>
