{extend name='user/layout_sidebar'/}

{block name='page_title'}{:lang('edit_info')}{/block}

{block name='content'}
    <div class="wntheme-cont-right">
        <div class="wntheme-rb-head wntheme-hidden-xs clearfix">
            <h2 class="wntheme-rb-title">{:lang('my_profile')}</h2>
        </div>
        <div class="wntheme-cont-tab">
            <div class="wntheme-rb-head wntheme-head-page clearfix">
                <div class="wntheme-rb-title wntheme-site-tabs wntheme-site-tits wntheme-text-site">
                    <a href="{:mac_url('user/ajax_info')}">{:lang('basic_info')}</a>
                    <a class="active" href="javascript:void(0)">{:lang('edit_info')}</a>
                    <a href="{:mac_url('user/popedom')}">{:lang('my_permissions')}</a>
                </div>
            </div>
            <div class="wntheme-cont-list">
                <div class="wntheme-list-wrap">
                    <form id="fm" name="fm" method="post" action="">
                        <p><span>{:lang('username')}</span>{$obj.user_name}</p>
                        <p><span>{:lang('nickname')}</span><input type="text" name="user_nick_name" value="{$obj.user_nick_name}" placeholder="{:lang('enter_nickname')}"></p>
                        <p><span>{:lang('old_password')}</span><input type="password" name="user_pwd" placeholder="{:lang('enter_old_password')}"></p>
                        <p><span>{:lang('new_password')}</span><input type="password" name="user_pwd1" placeholder="{:lang('enter_new_password')}"></p>
                        <p><span>{:lang('repeat_password')}</span><input type="password" name="user_pwd2" placeholder="{:lang('repeat_new_password')}"></p>
                        <p><span>{:lang('qq_number')}</span><input type="text" name="user_qq" value="{$obj.user_qq}" placeholder="{:lang('enter_qq_number')}"></p>
                        {if condition="$obj.user_email neq ''"}
                        <p><span>{:lang('email')}</span><input type="text" name="user_email" class="wntheme-input-w3" readonly="readonly" value="{$obj.user_email}"><a class="wntheme-text-wntheme btn_unbind" ac="email" href="javascript:;" title="{:lang('unbind_email')}">{:lang('unbind')}</a></p>
                        {else/}
                        <p><span>{:lang('email')}</span><input type="text" name="user_email" class="wntheme-input-w3" value="" placeholder="{:lang('enter_email')}"><a class="wntheme-text-wntheme" href="{:mac_url('user/bind')}?ac=email" title="{:lang('bind_email')}">{:lang('bind')}</a></p>
                        {/if}
                        {if condition="$obj.user_phone neq ''"}
                        <p><span>{:lang('phone')}</span><input type="text" name="user_phone" class="wntheme-input-w3" readonly="readonly" value="{$obj.user_phone}"><a class="wntheme-text-wntheme btn_unbind" ac="phone" href="javascript:;" title="{:lang('unbind_phone')}">{:lang('unbind')}</a></p>
                        {else/}
                        <p><span>{:lang('phone')}</span><input type="text" name="user_phone" class="wntheme-input-w3" value="" placeholder="{:lang('enter_phone_number')}"><a class="wntheme-text-wntheme" href="{:mac_url('user/bind')}?ac=phone" title="{:lang('bind_phone')}">{:lang('bind')}</a></p>
                        {/if}
                        <p><span>{:lang('security_question')}</span><input type="text" name="user_question" value="{$obj.user_question}" placeholder="{:lang('enter_security_question')}"></p>
                        <p><span>{:lang('security_answer')}</span><input type="text" name="user_answer" value="{$obj.user_answer}" placeholder="{:lang('enter_security_answer')}"></p>
                        <input type="button" id="btn_submit" class="wntheme-btn-submit wntheme-bg-wntheme" value="{:lang('save')}">
                        <div class="wntheme-tip-text"><a href="{:mac_url('user/findpass')}">{:lang('forgot_password')}</a></div>
                    </form>
                </div>
            </div>
        </div>
    </div>
{/block}

{block name='footer_scripts'}
    <script type="text/javascript">

        $('.btn_unbind').click(function () {
            var ac = $(this).attr('ac');
            if (ac != 'email' && ac != 'phone') {
                alert("{:lang('wrong_param')}");
            }
            if (confirm("{:lang('confirm_to_unbind')}")) {
                $.ajax({
                    url: "{:url('user/unbind')}",
                    type: "post",
                    dataType: "json",
                    data: {ac: ac},
                    beforeSend: function () {
                        //开启loading
                    },
                    success: function (r) {
                        alert(r.msg);
                        if (r.code == 1) {
                            location.href = "{:url('user/info')}";
                        }
                    },
                    complete: function () {
                        //结束loading
                    }
                });
            }
        });

        $("#btn_submit").click(function () {
            var data = $("#fm").serialize();
            $.ajax({
                url: "{:url('user/info')}",
                type: "post",
                dataType: "json",
                data: data,
                beforeSend: function () {
                    //开启loading
                    //$(".loading_box").css("display","block");
                    $("#btn_submit").css("background", "#fd6a6a").val("loading...");
                },
                success: function (r) {
                    alert(r.msg);
                    if (r.code == 1) {
                        location.href = "{:url('user/info')}";
                    }
                },
                complete: function () {
                    //结束loading
                    //$(".loading_box").css("display","none");
                    $("#btn_submit").css("background", "#fa4646").val("{:lang('submit')}");
                }
            });
        });

    </script>
{/block}