@model WeOnlineApp.Controllers.UserProfileViewModel

<style>
    .form-control {
        border-radius: .2rem !important;
    }
    .header-btn {
        position: absolute;
        top: 5px;
        right: 120px;
    }
    form .form-group.row .iwb-label {
        max-width: 130px;
    }
</style>
<div class="container iwb-info-box" style="padding: 0 100px; position: relative;">
    <a class="btn btn-sm btn-warning header-btn" href="@Url.Action("PlayUserProfile","Home")">个人信息</a>
    <div class="row box-header"> @(L("ChangePassword"))</div>
    <div class="row">
        <div class="col-md-10 profile-box offset-1">
            <form id="password-info" class="form-horizontal">
                @Html.HiddenFor(a => a.UserId)
                @Html.HiddenFor(a => a.UserName)
                
                <div class="form-group row">
                    <label class=" iwb-label iwb-label-sm iwb-label-required">@(L("AccountNo"))：</label>
                    <div class="">
                        <div class="input-group input-group-sm">
                            <span class="form-control-static">@AbpSession.UserName</span>
                        </div>
                    </div>
                </div>
                
                <div class="form-group row">
                    <label class=" iwb-label iwb-label-sm iwb-label-required" for="CurrentPassword">@(L("CurrentPassword"))：</label>
                    <div class="">
                        <div class="input-group input-group-sm">
                            <input class="form-control required" id="CurrentPassword" name="CurrentPassword" type="password" placeholder="@(L("PlaceholderHeader"))@(L("CurrentPassword"))..." style="" aria-required="true">
                        </div>
                    </div>
                </div>
                <div class="form-group row">
                    <label class=" iwb-label iwb-label-sm iwb-label-required" for="NewPassword">@(L("NewPassword"))：</label>
                    <div class="">
                        <div class="input-group input-group-sm">
                            <input class="form-control required" id="NewPassword" name="NewPassword" type="password" placeholder="@(L("PlaceholderHeader"))@(L("NewPassword"))..." style="" aria-required="true">
                        </div>
                    </div>
                </div>
                <div class="form-group row">
                    <label class=" iwb-label iwb-label-sm iwb-label-required" for="NewPassword2">@(L("NewPassword2"))：</label>
                    <div class="">
                        <div class="input-group input-group-sm">
                            <input class="form-control required eqPwd" id="NewPassword2" name="NewPassword2" type="password" placeholder="@(L("PlaceholderHeader"))@(L("NewPassword2"))..." style="" aria-required="true">
                        </div>
                    </div>
                </div>


               
                
            </form>
        </div>
    </div>
    <div class="row box-footer">
        <button class="btn btn-iwb" style="margin: 0 auto" type="button" id="Save" onclick="ChangePassword()"> @(L("ChangePassword"))</button>
    </div>

</div>

@section scripts
{
  
    <script>
        $(function() {
            $.validator.addMethod("eqPwd", function(value, element) {
                return this.optional(element) || value === $('#NewPassword').val();
            }, $.validator.format("@L("PasswordNotEqual")") );
        });
     
        function ChangePassword() {
            $.iwbAjax({
                url: abp.appUrl +'/Users/ChangePassword',
                form: $("#password-info"),
                success: function () {
                    window.location.reload();
                }
            });
        }
    </script>
}