@page
@model RegisterModel
@{ Layout = "/Views/Shared/_LayoutBasic.cshtml"; }
@{
    ViewData["Title"] = "Register";
}

<div class="page page-center">
    <div class="container-tight py-4">
        <div class="text-center mb-4">
            <img src="~/static/logo.svg" />
        </div>

        <form id="registerForm" method="post" class="card card-md" autocomplete="off">
            <div class="card-body">
                <h2 class="card-title text-center mb-4">Create a new account</h2>

                <div class="mb-3">
                    <label asp-for="Input.UserName" class="form-label"></label>
                    <input asp-for="Input.UserName" class="form-control" autocomplete="username" aria-required="true" />
                    <span asp-validation-for="Input.UserName" class="text-danger"></span>
                </div>

                <div class="mb-2">
                    <label asp-for="Input.Password" class="form-label"></label>
                    <input asp-for="Input.Password" class="form-control" autocomplete="current-password" aria-required="true" />
                    <span asp-validation-for="Input.Password" class="text-danger"></span>
                </div>

                <div class="mb-2">
                    <label asp-for="Input.ConfirmPassword" class="form-label"></label>
                    <input asp-for="Input.ConfirmPassword" class="form-control" autocomplete="new-password" aria-required="true" />
                    <span asp-validation-for="Input.ConfirmPassword" class="text-danger"></span>
                </div>

                <div class="form-footer">
                    <button id="register-submit" type="submit" class="btn btn-primary w-100">Register</button>
                </div>
            </div>
        </form>

        <div class="text-center text-muted mt-3">
          Already have an account? <a asp-page="./Login" asp-route-returnUrl="@Model.ReturnUrl" tabindex="-1">Login</a>
        </div>
    </div>
</div>

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