@page
@model ResetPasswordModel
@{
    ViewData["Title"] = "비밀번호 변경";
}

<div id="resetPasswordForm" class="row row-cols-1 justify-content-center align-items-center min-vh-100">
    <div class="col col-12 col-sm-7 col-md-5 col-lg-5 col-xl-3">
        <section class="border rounded p-3">
            <form method="post" accept-charset="utf-8" autocomplete="off">
                <small class="d-block pb-2">@ViewData["Title"]</small>
                <h5>비밀번호를 재설정 합니다.</h5>
                <hr />
                <div asp-validation-summary="ModelOnly" class="text-danger" role="alert"></div>
                <input asp-for="Input.Code" type="hidden" />
                <div class="form-floating mb-3">
                    <input asp-for="Input.Email" class="form-control" autocomplete="username" aria-required="true" placeholder="name@example.com" />
                    <label asp-for="Input.Email" class="form-label"></label>
                    <span asp-validation-for="Input.Email" class="text-danger"></span>
                </div>
                <div class="form-floating mb-3">
                    <input asp-for="Input.Password" class="form-control" autocomplete="new-password" aria-required="true" placeholder="Please enter your password." />
                    <label asp-for="Input.Password" class="form-label"></label>
                    <span asp-validation-for="Input.Password" class="text-danger"></span>
                </div>
                <div class="form-floating mb-3">
                    <input asp-for="Input.ConfirmPassword" class="form-control" autocomplete="new-password" aria-required="true" placeholder="Please confirm your password." />
                    <label asp-for="Input.ConfirmPassword" class="form-label"></label>
                    <span asp-validation-for="Input.ConfirmPassword" class="text-danger"></span>
                </div>
                <button type="submit" class="w-100 btn btn-primary">변경하기</button>
                <p class="pt-3 text-center">
                    <a asp-page="./Login">＜ 취소하기</a>
                </p>
            </form>
        </section>
    </div>
    <div class="col">
        <div class="text-center ps-3 pe-3">
            <hr />
            <small>ⓒ PLAYR. All Rights Reserved</small>
        </div>
    </div>
</div>

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