@using BookingJieFeng.Models
@model UserEditInfoViewModel
@{

}
<div class="wrapper-content J_mainContent gray-bg-right">
    <div class="form-horizontal clearfix">
        <div class="row editinfo-middle">
            <div class="col-lg-5 col-md-5 col-sm-5 editinfo-p">
                <div class="ibox float-e-margins">
                    <div class="ibox-title"><h5>修改手机号</h5></div>
                    <div class="ibox-content">
                        <form id="chgMobileForm">
                            <div class="form-group clearfix">
                                <label class="col-lg-3 col-md-4 control-label">原手机号</label>
                                <div class="col-lg-8 col-md-7">
                                    <input type="text" class="form-control" name="mobileSrc" id="mobileSrc" value="@Model.MOBILE" readonly />
                                </div>
                            </div>
                            <div class="form-group clearfix">
                                <label class="col-lg-3 col-md-4 control-label">新手机号</label>
                                <div class="col-lg-8 col-md-7">
                                    <input type="text" class="form-control" name="mobile" id="mobile" />
                                </div>
                            </div>
                            <div class="form-group clearfix">
                                <label class="col-lg-3 col-md-4 control-label" name="mobileCode" id="mobileCode">验证码</label>
                                <div class="col-lg-5 col-md-7">
                                    <input type="text" class="form-control" />
                                </div>
                                <div class="col-lg-2 col-md-5 code">
                                    <a class="btn btn-info" id="btnGetMobileCode">获取验证码</a>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-5 col-sm-offset-5 clearfix">
                                <a class="btn btn-info btn-block" id="btnChgMobile">确定</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="col-lg-5 col-md-5 col-sm-5 editinfo-p top-20-768">
                <div class="ibox float-e-margins">
                    <div class="ibox-title"><h5>修改密码</h5></div>
                    <div class="ibox-content">
                        <form id="chgPwdForm">
                            <div class="form-group clearfix">
                                <label class="col-lg-3 col-md-4 control-label">原密码</label>
                                <div class="col-lg-8 col-md-7">
                                    <input type="password" class="form-control" name="passwordSrc" id="passwordSrc" />
                                </div>
                            </div>
                            <div class="form-group clearfix">
                                <label class="col-lg-3 col-md-4 control-label">新密码</label>
                                <div class="col-lg-8 col-md-7">
                                    <input type="password" class="form-control" name="password" id="password" />
                                </div>
                            </div>
                            <div class="form-group clearfix">
                                <label class="col-lg-3 col-md-4 control-label">确认密码</label>
                                <div class="col-lg-8 col-md-7">
                                    <input type="password" class="form-control" name="passwordRepeat" />
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-5 col-sm-offset-5 clearfix">
                                <a class="btn btn-info btn-block" id="btnChgPwd">确定</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="col-lg-5 col-md-5 col-sm-5 editinfo-p top-20 clearfix">
                <div class="ibox float-e-margins">
                    <div class="ibox-title"><h5>修改个人信息</h5></div>
                    <div class="ibox-content">
                        <form id="chgInfoForm">
                            <div class="form-group clearfix">
                                <label class="col-lg-3 col-md-4 control-label">姓名</label>
                                <div class="col-lg-8 col-md-7">
                                    <input type="text" class="form-control" name="name" id="name" value="@Model.NAME" />
                                </div>
                            </div>
                            <div class="form-group clearfix">
                                <label class="col-lg-3 col-md-4 control-label">邮箱</label>
                                <div class="col-lg-8 col-md-7">
                                    <input type="text" class="form-control" name="email" id="email" value="@Model.EMAIL" />
                                </div>
                            </div>
                            <div class="form-group clearfix">
                                <label class="col-lg-3 col-md-4 control-label">固话</label>
                                <div class="col-lg-8 col-md-7">
                                    <input type="text" class="form-control" name="tel" id="tel" value="@Model.TEL" />
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-5 col-sm-offset-5 clearfix">
                                <a class="btn btn-info btn-block" id="btnChgInfo">确定</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@section styles
{
    <link type="text/css" rel="stylesheet" href="~/Content/css/editInfo.css" />
}
@section scripts
{
    <script src="~/Content/hplus/js/plugins/validate/jquery.validate.min.js"></script>
    <script src="~/Content/js/jquery.form.js"></script>
    <script src="~/Content/js/validatorConfig.js"></script>
    <script src="~/Content/js/common.js"></script>
    <script>
        $(function () {

            //修改手机号form
            $("#chgMobileForm").validate({
                rules: {
                    mobile: "required",
                    mobileCode: "required"
                },
                messages: {
                    mobile: errIcon + "@Resources.LangEditInfo.ValidInputMobile",
                    mobileCode: errIcon + "@Resources.LangEditInfo.ValidInputMobileCode"
                }
            });

            //修改密码form
            $("#chgPwdForm").validate({
                rules: {
                    passwordSrc:'required',
                    password: {
                        required: true,
                        strongPwd: true
                    },
                    passwordRepeat: {
                        required: true,
                        equalTo: "#password"
                    }
                },
                messages: {
                    passwordSrc:'请输入原始密码',
                    password:{
                        required: errIcon + "@Resources.LangEditInfo.ValidInputPwdNew"
                    },
                    passwordRepeat: {
                        required: errIcon + "@Resources.LangEditInfo.ValidInputPwdRepeat",
                        equalTo: errIcon + "@Resources.LangEditInfo.ValidInputPwdRepeat"
                    }
                }
            });

            //修改信息form
            $("#chgInfoForm").validate({
                rules: {
                    name: "required",
                    email:"required"
                },
                messages: {
                    name: errIcon + "@Resources.LangEditInfo.ValidInputName",
                    email: errIcon + "@Resources.LangEditInfo.ValidInputEmail"
                }
            });

            //获取验证码
            $("#btnGetMobileCode").click(function () {
                var mobile = $("#mobile").val();
                if (mobile.length != 11) {
                    layer.alert("@Resources.LangEditInfo.ValidInputMobile");
                    return;
                }

                num = 120;
                $.ajax({
                    method: 'POST',
                    url: '@Url.Action("GetMobileCode", "common")?mobile=' + mobile,
                    success: function (data) {
                        layer.alert(data.Message)
                    }
                });
            });

            //修改手机
            $("#btnChgMobile").click(function () {
                if ($("#chgMobileForm").valid()) {
                    var mobile = $("#mobile").val();
                    var mobileCode = $("#mobileCode").val();

                    $.ajax({
                        method: 'POST',
                        url: '@Url.Action("ChangeMobile")?newMobile=' + mobile + "&mobileCode=" + mobileCode,
                        success: function (data) {
                            var idx = layer.alert(data.Message, function () {
                                if (data.Success) {
                                    $("#chgMobileForm input").val("");
                                }
                                layer.close(idx);
                            })
                        }
                    });
                }
            });

            //修改密码
            $("#btnChgPwd").click(function () {
                if ($("#chgPwdForm").valid()) {
                    var passwordSrc = $("#passwordSrc").val();
                    var password = $("#password").val();

                    $.ajax({
                        method: 'POST',
                        url: '@Url.Action("ChangePassword")?srcPwd=' + passwordSrc + '&newPwd=' + password,
                        success: function (data) {
                           var idx= layer.alert(data.Message, function () {
                                if (data.Success) {
                                    $("#chgPwdForm input").val("");
                               }
                               layer.close(idx);
                            })

                        }
                    });
                }
            });

            //修改个人信息
            $("#btnChgInfo").click(function () {
                if ($("#chgInfoForm").valid()) {
                    var name = $("#name").val();
                    var email = $("#email").val();
                    var tel = $("#tel").val();

                    $.ajax({
                        method: 'POST',
                        url: '@Url.Action("SaveInfo")?name=' + name + '&email=' + email + '&tel=' + tel,
                        success: function (data) {
                            layer.alert(data.Message, function () {
                                location.reload();
                            })
                        }
                    });
                }
            });

        })
    </script>
}