@model NP.Model.VMUser
<form action="" id="mform" method="post">
    @Html.HiddenFor(m => m.userno)
    @Html.HiddenFor(m => m.pwcallno)
    @Html.HiddenFor(m => m.User.userid)
    @if (Model.userno > 0)
    {
        <div class="lgnForm" style="max-width: 500px; margin: 0 auto; text-align: center;">
            <p class="idpwTxt">
                <span><b>@Model.User.username </b>님, 아이디는 @Model.User.userid 입니다.</span>
                <span>새롭게 사용할 비밀번호를 입력해주세요.</span>
            </p>
            <ul class="lgnInput">
                <li><input type="password" name="User.userpass" id="up1" placeholder="비밀번호(8자 이상, 영문/숫자/특수기호 포함)" autocomplete="new-password" /></li>
                <li><input type="password" id="up2" placeholder="비밀번호 확인(동일한 비밀번호 입력)" autocomplete="new-password" /></li>
            </ul>
            <ul>
                <li class="idpwBtn">
                    <p id="capslock-warning"></p>
                    <p id="password-match-warning"></p>
                    <br />
                </li>
            </ul>
            <ul class="idpwBtn">
                <li><a href="javascript:void(0);" onclick="save()">비밀번호 재설정</a></li>
                <li><a href="/">취소</a></li>
            </ul>
        </div>
    }
    else if (Model.userno < 0)
    {
        <div class="lgnForm" style="max-width: 500px; margin: 0 auto;">
            <p class="idpwTxt">
                <span><b>인증기간이 만료</b>된 페이지입니다.</span>
                <span>다시한번 ID/비밀번호 찾기를 진행해주세요.</span>
            </p>
            <ul class="idpwBtn">
                <li><a href="/Account/FindMe">ID/비밀번호 찾기</a></li>
                <li><a href="/">취소</a></li>
            </ul>
        </div>
    }
    else
    {
        <div class="lgnWrap">
            <div class="idpw">
                <p>등록해주신 이메일 주소를 입력해주세요.</p>
                <ul class="lgnForm">
                    <li><input type="text" id="email" placeholder="" /></li>
                </ul>
            </div>
            <ul class="idpwBtn">
                <li><a href="javascript:void(0);" onclick="findme()">ID 및 비밀번호 찾기</a></li>
                <li><a href="/">취소</a></li>
            </ul>
        </div>
    }
</form>
@section scripts{
    <script>

        $(document).ready(function () {
            initCapsLockWarning('', '#capslock-warning');
            initializePasswordToggle('#up1, #up2');

            $('#up1, #up2').on('keyup', function () {
                const password = $('#up1').val();
                const confirmPassword = $('#up2').val();
                const messageElement = $('#password-match-warning');

                if (password.length >= 8 && confirmPassword && password !== confirmPassword) {
                    messageElement.html('<strong style="color: red;">비밀번호가 일치하지 않습니다.</strong>');
                } else {
                    messageElement.html('');
                }
            });
        });

        function findme() {
            setv("email", val("email").replace(/ /, '').replace(/	/, ''));

            if (!isemail(val("email")) && !isemail2(val("email"))) {
                focus("email"); msg("올바른 이메일주소를 입력해주세요.");
            }
            else {
                capp("/focommon/findme", { email: val("email") }, "cbfindme");
            }
        }

        function cbfindme() {
            if (capResult.code == 1000) {
                msg("등록해주신 이메일 주소로 인증링크가 발송되었습니다.<br/>수신된 이메일의 인증링크를 통해 ID 확인 및 비밀번호 재설정을 진행해주세요.");
            }
            else if (capResult.code == 9995) {
                msg('<b style="color:red; font-size:22px;">입력하신 이메일 주소로 인증 발송이 실패하였습니다. 아래의 사유를 확인해 주세요</b><br/><br/><br/><b style="color:blue; font-size:18px;">- 회원가입 시 등록하신 이메일 주소인지 확인해 주세요</b><br/><br/><b style="color:blue; font-size:18px;">- 해당 메일이 휴면 상태인지 확인해 주세요</b><br/><br/>');
            }
            else if (capResult.obj == -1) {
                msg("비밀번호 5회 이상 오류 상태이거나 존재하는 계정이 아닙니다.<br/> 교육원으로 문의해주세요.");
            }
            else if (capResult.obj == 0) {
                msg("일치하는 계정이 없습니다. 다시 확인해주세요(no send)");
            }
        }

        function save() {
            if (check("up1", null, "비밀번호를 입력해주세요.")) { }
            else if (!ispassword(val("up1"))) { focus("up1"); msg("(8자 이상, 영문/숫자/특수기호 포함) 규칙으로 비밀번호를 입력해주세요."); }
            else if (isRepeatedString(val("up1"))) { focus("up1"); msg("반복되는 문자/숫자를 사용할 수 없습니다."); }
            else if (val("up1") != val("up2")) { focus("up2"); msg("비밀번호확인이 일치하지 않습니다. 다시 입력해주세요."); }
            else {
                cap("/focommon/findmefinal", "mform", "cbsave");
            }
        }

        function cbsave() {
            if (capResult.code == 1000) {
                bglayer(true);
                location.href = '/';
            }
            else {
                msgadmin();
            }
        }
    </script>
}