{{extends "/admin/common/base_content"}}

{{block title()}}更改密码 - Doak CMS{{end}}

{{block body()}}

<style>
.form-text {
    color: #b7bbbf;
}
.avatar-thumbnail img {
    width: 150px;
}
</style>

<div class="container-fluid pt-4 px-4">
    <div class="row g-4">
        <div class="col-sm-12 col-xl-12">
            <div class="bg-light rounded h-100 p-4">
                <h6 class="mb-4">更改密码</h6>
                
                <form class="profile-form">
                    <div class="mb-3">
                        <label for="inputOldpassword" 
                            class="form-label">旧密码</label>
                        <input type="password" 
                            name="oldpassword"
                            class="form-control" 
                            id="inputOldpassword"
                            autocomplete="false"
                            aria-describedby="oldpasswordHelp">
                        <div id="oldpasswordHelp" class="form-text">
                            账号的旧密码
                        </div>
                    </div>
                    
                    <div class="mb-3">
                        <label for="inputNewpassword" 
                            class="form-label">新密码</label>
                        <input type="password" 
                            name="newpassword"
                            class="form-control" 
                            id="inputNewpassword"
                            autocomplete="false"
                            aria-describedby="newpasswordHelp">
                        <div id="newpasswordHelp" class="form-text">
                            需要重新设置的新密码
                        </div>
                    </div>
                    
                    <div class="mb-3">
                        <label for="inputNewpasswordCheck" 
                            class="form-label">确认新密码</label>
                        <input type="password" 
                            name="newpassword_check"
                            class="form-control" 
                            id="inputNewpasswordCheck"
                            autocomplete="false"
                            aria-describedby="newpasswordCheckHelp">
                        <div id="newpasswordCheckHelp" class="form-text">
                            需要重新设置的新密码第二次确认
                        </div>
                    </div>
                    
                    <button type="button" 
                        class="btn btn-primary js-save-button">保存修改</button>
                </form>
            </div>

        </div>
    </div>
</div>

{{end}}

{{block script_after()}}
<link href='{{ adminAssets("libs/huploadify/Huploadify.css") }}' rel="stylesheet">
<script src='{{ adminAssets("libs/huploadify/jquery.Huploadify.js") }}' type="3029259e35d7bc1c98cd40a8-text/javascript"></script>
<script type="3029259e35d7bc1c98cd40a8-text/javascript">
(function($) {
    "use strict";
    
    $(".sidebar-doak-index").addClass("active");
    
    // 保存
    $(".js-save-button").click(function(e) {
        e.stopPropagation;
        e.preventDefault;

        var oldpassword = $("#inputOldpassword").val();
        var newpassword = $("#inputNewpassword").val();
        var newpassword_check = $("#inputNewpasswordCheck").val();

        var url = '{{ adminUrl("profile/password") }}';
        $.post(url, {
            oldpassword: oldpassword,
            newpassword: newpassword,
            newpassword_check: newpassword_check,
        }, function(data) {
            if (data.code == 0) {
                layer.msg("更改密码成功");
                
                setTimeout(function() {
                    window.location.reload();
                }, 1500);
            } else {
                layer.msg(data.message);
            }
        }).fail(function (xhr, status, info) {
            layer.msg("请求失败");
        });
    });

})(jQuery);
</script>
{{end}}