<extend name="Public/manage" />
<block name="head">
    <link href="__CSS__/pagination.css" rel="stylesheet">
    <link href="__CSS__/icon.css" rel="stylesheet">
    <link href="__CSS__/user.css" rel="stylesheet">
    <link href="__CSS__/user_zxy.css" rel="stylesheet">
    <script src="__JS__/bootstrap-select.min.js"></script>
    <script src="__JS__/zh-cn.js"></script>
    <script src="__JS__/echarts-all.js"></script>
    <script src="__JS__/chart.js"></script>
    <script src="__JS__/jquery.tablesorter.js"></script>
    <script src="__JS__/string.js"></script>
    <script src="__JS__/pagination.js"></script>
    <script src="__JS__/datacommon.js"></script>
    <script src="__JS__/retain.js"></script>
	 <script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>
	 <script type="text/javascript" src="__ADDONS__/UploadImages.js"></script>
<link rel="stylesheet" href="__ADDONS__/UploadImages.css"><style>		.mrc_colum_ml {margin-left: 122px;}	</style>
</block>
<block name="location">
	<a class="z_nav" href="{:U('Apply/apply_company')}">账号中心</a>
	<a class="z_nav curt_nav" href="{:U('Apply/apply_company')}">基本信息</a>
</block>
<block name="body" >
        <div class="matter_right_content">
            <div class="title" style="margin-bottom: 20px;">
                <style>.form-group{margin-bottom:0;}</style>
                <span style="display: block;width: 100%;text-align: center;font-size: 16px;color: {$data['status'] == 1 ? 'green' : 'red'}">
                <switch name="data.status">
                    <case value="-1">您的认证信息已经提交平台审核，我们会在3个工作日内完成审核请耐心等待...</case>
                    <case value="1">您的认证信息已通过平台审核，现在可以进入管理中心<a href="{:U('Game/add')}" style="color:#5A90EE;text-decoration: underline;">创建游戏</a>啦！</case>
                    <case value="3">很抱歉的通知您，您的认证信息未通过审核，请修改后重新提交，如有疑问请联系我们。</case>
                </switch>
                </span>
            </div>

            <form id="editForm" action="{:U('Apply/personal')}" class="form-horizontal" method="post" novalidate="novalidate">

                <empty name="data.nature">
                    <div class="form-group clearfix">
                        <label class="mrc_left mrc control-label"><span class="must_red">*</span> 开发者类型</label>
                        <div class="mrc_right4_3_3 mrc input-format" style="margin-top: 8px">
                            <label class="nature custom_lable" >
								<input class="form_control" type="radio" name="nature" placeholder="请填写开发者名称" value="1">
								<i class="lable_icon"></i>
								<span class="lable_text">公司</span>
							</label>
                           <label class="nature custom_lable" >
								<input class="form_control" type="radio" name="nature" placeholder="请填写开发者名称" value="2" checked="checked">
								<i class="lable_icon"></i>
								<span class="lable_text">个人</span>
							</label>
                            <span style="color: #999;">（开发者类型一经填写不可修改）</span>
                            <div class="show-form-info" style="margin: -8px 1px 0px -5px">
                                <eq name="data.nature" value="1">公司</eq>
                                <eq name="data.nature" value="2">个人</eq>
                            </div>
                        </div>



                        <div class="clearfix"></div>
                        <div class="mrc_colum_ml input-status"></div>
                    </div>
                    <else />
                    <div class="form-group clearfix ">
                        <label class="mrc_left mrc control-label"><span class="must_red">*</span>开发者类型</label>
                        <div class="mrc_right4_3_3 mrc input-format" style="margin-top: 8px">
                            <div class="show-form-info" style="margin: -8px 1px 0px -5px">
                                <eq name="data.nature" value="1">公司</eq>
                                <eq name="data.nature" value="2">个人</eq>
								<span style="color: #999;">（开发者类型一经填写不可修改）</span>
                            </div>
                        </div>



                        <div class="clearfix"></div>
                        <div class="mrc_colum_ml input-status"></div>
                    </div>
                </empty>

				<div class="form-group clearfix">
                    <label class="mrc_left mrc control-label"><span class="must_red">*</span> 开发者名称</label>
                    <div class="mrc_right4_3_3 mrc input-format">
                        <input type="text" class="form-control " style="display: block;" name="nickname" placeholder="请填写开发者名称" value="{$data.nickname}" >

                    </div>
                    <div class="show-form-info">{$data.nickname}</div>
                    <div class="clearfix"></div>
                    <div class="mrc_colum_ml input-status"></div>
                </div>
                <div class="form-group clearfix">
                    <label class="mrc_left mrc control-label"><span class="must_red">*</span> 身份证号</label>
                    <div class="mrc_right4_3_3 mrc input-format">
                        <input type="text" class="form-control " name="identity" placeholder="请填写身份证号" value="{$data.identity}" >

                    </div>
                    <div class="show-form-info">{$data.identity}</div>
                    <div class="clearfix"></div>
                    <div class="mrc_colum_ml input-status"></div>
                </div>

                <div class="form-group clearfix">
                    <label class="mrc_left mrc control-label"><span class="must_red">*</span> 联系地址</label>
                    <div class="mrc_right4_3_3  mrc input-format">
                        <input type="text" class="form-control " name="address" placeholder="请填写联系地址" value="{$data.address}" >

                    </div>
                    <div class="show-form-info">{$data.address}</div>
                    <div class="clearfix"></div>
                    <div class="mrc_colum_ml input-status"></div>
                </div>
                <div class="form-group clearfix">
                    <label class="mrc_left mrc control-label zwm_uplab"><span class="must_red">*</span>身份证明</label>
                    <div class="mrc_right2_2 mrc">

                        <div class="upload-img-box">
                            <notempty name="data.prove_img">
                                <img id="prove_img upload-pre-item" src="{:get_cover($data['prove_img'],'path')}" data-id="{$data['prove_img']}" class="imgDiff upload-pre-item">
								<span class="btn-close btn-close-prove_img hide" title="删除图片"></span>
								<span class="zdisp_tab">
									<span class="zdisp_tabcell">
										<div>占位符</div>
									</span>
								</span>
                                <else />
                                <img id="prove_img upload-pre-item" src='__IMG__/default.png' class="imgDiff upload-pre-item">
                            </notempty>
                        </div>
						<input type="file" id="upload_picture_prove_img" class="user_file">
                        <input type="hidden" name="prove_img" id="cover_id_prove_img" class="icon_prove_img" value="{$data['prove_img']}" />
                        <p class="imgTips " style="margin-top: 10px">
                            <span>请上传身份证明扫描件,文件大小不超过2M，仅限 .jpg 或 .png 格式</span>
                        </p>
                  
                    </div>
                    <div class="zwm_example">示例图</div>
                    <div class="mrc_right2_2 mrc sample_graph clearfix ">
                        <a href="__IMG__/default_card_yy.png" target="_blank">
                            <img id="" src="__IMG__/default_card_yy.png" class="imgDiff">
                        </a>
                    </div>
                </div>
                <br/>
                <div class="form-group clearfix">
                    <label class="mrc_left mrc control-label"><span class="must_red">*</span> 联系人</label>
                    <div class="mrc_right4_3_3 mrc input-format">
                        <input type="text" class="form-control " name="link_man" placeholder="请填写联系人" value="{$data.link_man}" >

                    </div>
                    <div class="show-form-info">{$data.link_man}</div>
                    <div class="clearfix"></div>
                    <div class="mrc_colum_ml input-status"></div>
                </div>
                <div class="form-group clearfix">
                    <label class="mrc_left mrc control-label"><span class="must_red">*</span> 联系电话</label>
                    <div class="mrc_right4_3_3 mrc input-format">
                        <input type="text" class="form-control " name="mobile_phone" placeholder="请填写联系电话" value="{$data.mobile_phone}" >

                    </div>
                    <div class="show-form-info">{$data.mobile_phone}</div>
                    <div class="clearfix"></div>
                    <div class="mrc_colum_ml input-status"></div>
                </div>
                <div class="form-group clearfix">
                    <label class="mrc_left mrc control-label"><span class="must_red">*</span> 邮箱</label>
                    <div class="mrc_right4_3_3 mrc input-format">
                        <input type="text" class="form-control " name="email" placeholder="请填写邮箱" value="{$data.email}" >

                    </div>
                    <div class="show-form-info">{$data.email}</div>
                    <div class="clearfix"></div>
                    <div class="mrc_colum_ml input-status"></div>
                </div>
                <div class="form-group clearfix">
                    <label class="mrc_left mrc control-label">QQ号</label>
                    <div class="mrc_right4_3_3 mrc noLeft input-format">
                        <input type="text" class="form-control " name="qq" placeholder="请填写QQ号" value="{$data.qq}" >

                    </div>
                    <div class="show-form-info">{$data.qq}</div>
                    <div class="clearfix"></div>
                    <div class="mrc_colum_ml input-status"></div>
                </div>
                <div class="form-group clearfix">
                    <div class="mrc_colum_ml mrc_colum4_1_6 mrc btn_case">
                        <input type="hidden" name="nature" value="2" >
                        <input type="submit" class="btn btn_primary user_btn " id="saveButton" value="保存" >
                        <input type="button" class="btn btn_primary user_btn hidden" id="editButton" value="编辑" >
                        &nbsp;&nbsp;<a id="cancelEdit" href="#" class="btn btn_default hidden">取消</a>
                    </div>
                </div>
            </form>

        </div>
		
		
		<in name="data.status" value="-1,1">
		<script>
			$(".btn_case").hide();
		</script>
		</in>
		
        <script>
            
            var dever_from = "";

            $(document).ready(function(){

                
//删除图片
$('.btn-close-prove_img').click(function(event) {
    event.preventDefault();
    $(this).parent().html('<img id="prove_img upload-pre-item" src="__IMG__/default.png" class="imgDiff upload-pre-item">');
							
    picsbox = $("#upload_picture_prove_img").siblings('.upload-img-box');
    picArr = [];
    for (var i = 0; i < picsbox.children().length ; i++) {
        picArr.push(picsbox.children('.upload-pre-item:eq('+i+')').find('img').attr('data-id'));
    };

    //console.log(picStr);
    var picStr = picArr.join(',');
    $('#cover_id_prove_img').val(picStr);
});

                //上传图片
                /* 初始化上传插件 */
                $("#upload_picture_prove_img").uploadify({
                    "height"          : 22,
                    "swf"             : "__STATIC__/uploadify/uploadify.swf",
                    "fileObjName"     : "download",
                    "buttonText"      : "上传图标",
                    "uploader"        : "{:U('File/uploadPicture',array('session_id'=>session_id()))}",
                    "width"           : 65,
                    'buttonClass'     : 'user_file',
                    'removeTimeout'   : 1,
                    'fileTypeExts'    : '*.jpg; *.png;',
                    "onUploadSuccess" : upload_picture_icon{$field.name},
                'onFallback' : function() {
                    alert('未检测到兼容版本的Flash.');
                }
				
            });
                function upload_picture_icon{$field.name}(file, data){
                    var data = $.parseJSON(data);
                    var src = '';
                    if(data.status){
                        $("#cover_id_prove_img").val(data.id);
                        src = data.url || '__ROOT__' + data.path;
                        $("#cover_id_prove_img").parent().find('.upload-img-box').html(
                            '<img style="width: 210px;height: 310px" src="' + src + '"/><span class="btn-close btn-close-prove_img" title="删除图片"></span>'
                        );
						
						
						$('.btn-close-prove_img').click(function (event) {
							event.preventDefault();
							$(this).parent().html('<img id="prove_img upload-pre-item" src="__IMG__/default.png" class="imgDiff upload-pre-item">');
							picsbox = $("#upload_picture_prove_img").siblings('.upload-img-box');
							picArr = [];
							for (var i = 0; i < picsbox.children().length; i++) {
								picArr.push(picsbox.children('.upload-pre-item:eq(' + i + ')').find('img').attr('data-id'));
							}
							;
							picStr = picArr.join(',');
							$('#cover_id_prove_img').val(picStr);
						});
						
						
						
                    } else {
                        alert(data.info);
                        setTimeout(function(){
                            $('#top-alert').find('button').click();
                            $(that).removeClass('disabled').prop('disabled',false);
                        },1500);
                    }
                }


                
            /**
             * 新增验证方法
             */

            $.validator.addMethod("checkmobile_phone", function(value, element) {
                var mobile_phone = /^1(3|4|5|7|8)\d{9}$/;
                var tel = /^\d{3,4}-?\d{7,9}$/;
                return mobile_phone.test(value)||tel.test(value);
            }, '联系电话格式不正确：手机参考格式：13666668888，座机参考格式： 010-66668888。');
            

            $.validator.addMethod("checkQQWechat", function(value, element){
                var qq = $("input[name='qq']").val();
                var wechat = $("input[name='wx']").val();

                if(qq == "" && wechat == ""){
                    return false;
                }else{
                    return true;
                }
            }, "QQ和微信请至少填写一项！");

            $.validator.addMethod("checkIdCard", function (gets) {
                //该方法由佚名网友提供;

                var Wi = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2, 1];// 加权因子;
                var ValideCode = [1, 0, 10, 9, 8, 7, 6, 5, 4, 3, 2];// 身份证验证位值，10代表X;

                if (gets.length == 15) {
                    return isValidityBrithBy15IdCard(gets);
                } else if (gets.length == 18) {
                    var a_idCard = gets.split("");// 得到身份证数组
                    if (isValidityBrithBy18IdCard(gets) && isTrueValidateCodeBy18IdCard(a_idCard)) {
                        return true;
                    }
                    return false;
                }
                return false;

                function isTrueValidateCodeBy18IdCard(a_idCard) {
                    var sum = 0; // 声明加权求和变量
                    if (a_idCard[17].toLowerCase() == 'x') {
                        a_idCard[17] = 10;// 将最后位为x的验证码替换为10方便后续操作
                    }
                    for (var i = 0; i < 17; i++) {
                        sum += Wi[i] * a_idCard[i];// 加权求和
                    }
                    valCodePosition = sum % 11;// 得到验证码所位置
                    if (a_idCard[17] == ValideCode[valCodePosition]) {
                        return true;
                    }
                    return false;
                }

                function isValidityBrithBy18IdCard(idCard18) {
                    var year = idCard18.substring(6, 10);
                    var month = idCard18.substring(10, 12);
                    var day = idCard18.substring(12, 14);
                    var temp_date = new Date(year, parseFloat(month) - 1, parseFloat(day));
                    // 这里用getFullYear()获取年份，避免千年虫问题
                    if (temp_date.getFullYear() != parseFloat(year) || temp_date.getMonth() != parseFloat(month) - 1 || temp_date.getDate() != parseFloat(day)) {
                        return false;
                    }
                    return true;
                }

                function isValidityBrithBy15IdCard(idCard15) {
                    var year = idCard15.substring(6, 8);
                    var month = idCard15.substring(8, 10);
                    var day = idCard15.substring(10, 12);
                    var temp_date = new Date(year, parseFloat(month) - 1, parseFloat(day));
                    // 对于老身份证中的你年龄则不需考虑千年虫问题而使用getYear()方法
                    if (temp_date.getYear() != parseFloat(year) || temp_date.getMonth() != parseFloat(month) - 1 || temp_date.getDate() != parseFloat(day)) {
                        return false;
                    }
                    return true;
                }
            }, "身份证不合法！");

            $.validator.addMethod("checkEmail", function(value, element){
                var email = /^([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+(\.[a-zA-Z]{2,3})+$/;
                return email.test(value);
            }, "邮箱不合法！");


            $("#editButton").click(function(event){
                event.preventDefault();
                $("input").prop("readonly", false);
                $(".hide").removeClass("hide");
                $(".show-form-info").addClass("hide");
                $("select").prop("disabled", false);
                $("input[type='radio']").parent("label").removeClass("disabled");
                $("#cancelEdit").removeClass("hidden").show();
                $("#saveButton").removeClass("hidden").show();
                $("#editButton").hide();
                $(".user_file").removeClass("hidden").show();

                $('#ADDTOPICBLB').addClass('hide');
                $('.uploadify').removeClass("hidden").show();
                $(".nature_show").addClass("show");
            });


                // 取消修改
                $("#cancelEdit").click(function(event){
                    $("input").prop("readonly", true);
                    $("select").prop("disabled", true);
                    $(".form-control").addClass("hide");
                    $(".show-form-info").removeClass("hide");
                    $("#re_dever_bank_account").addClass("hide");
                    //$("#editButton").val("修改信息");
                    $("#editButton").removeClass("hidden").show();
                    $("#saveButton").addClass("hidden").hide();
                    $(this).hide();
                    $("small").remove();
                    $('.uploadify').addClass('hide');
                    $(".nature").addClass("hide");
                    event.preventDefault();
                });


                formValidate = {
                    //定义规则
                    rules:{
                        firstname: "required",
                        fullname:{
                            required:true
                        },
                        codenum: {
                            required: false//dever_from != 'TOPICBLB' ? true : false  //专题 公司信息 不必填
                        },
                        identity: {
                            required: dever_from != 'TOPICBLB' ? true : false,
                            checkIdCard:dever_from != 'TOPICBLB' ? true : false
                        },
                        link_man: {
                            required: true
                        },
                        mobile_phone: {
                            required: true,
                            checkmobile_phone: true
                        },
                        email: {
                            required: true,
                            checkEmail:true
                        },
                        address:{
                            required: true,
                        },
                        qq:{
                            checkQQWechat: true,
                        },
                        wx:{
                            checkQQWechat: true,
                        },
nickname:{
                            required:true,
                        },
                        link_man: {
                            required: true
                        },
                        mobile_phone: {
                            required: true,
                            checkmobile_phone: true
                        },
                        address:{
                            required: true,
                        },
                        qq:{
                            checkQQWechat: true,
                        },
                        wx:{
                            checkQQWechat: true,
                        },
                        prove_img: {
                            required: true,
                        },
                    },
                    //定义错误消息
                    messages:{
                        fullname:{
                            required:"开发者名称不能为空"
                        },
                        codenum: {
                            required: "组织机构代码不能为空"
                        },
                        identity: {
                            required: "身份证号不能为空",
                            checkIdCard:"身份证号不合法"
                        },
                        link_man: {
                            required: "联系人不能为空"
                        },
                        mobile_phone: {
                            required: "联系电话不能为空",
                        },
                        email: {
                            required: "邮箱不能为空",
                            checkEmail : '邮箱格式不对'
                        },
                        address:{
                            required: "联系地址不能为空",
                        },
 nickname:{
                            required:"开发者名称不能为空",
                        },
                        link_man: {
                            required: "联系人不能为空"
                        },
                        mobile_phone: {
                            required: "联系电话不能为空",
                        },
                        address:{
                            required: "联系地址不能为空",
                        },
                        prove_img: {
                            required: "身份证不能为空",
                        },
                    },
                    submitHandler: function (form) {
                        $(form).ajaxSubmit({
													type:'post',
													url:"{:U('Apply/personal')}",
													data:$("#editForm").serializeArray(),
													success:function(result) {
														layer.msg(result.info);
														if(result.status == 1){
																location.reload();
														}
													},
													error : function(xhr, status, err) {			
														layer.msg("服务器有误，请稍后再试");
													}
												});
											return false;
                    }
                };
                // 表单验证
                $("#editForm").validate(formValidate);
                <empty name="data">
                    $("#editButton").click();
                <else />
                $("#cancelEdit").click();
                </empty>

            });


            $("input[name='nature']").change(function () {
                var val = $(this).val();
                console.log(val);
                if(val == 1){
                    location.href = "{:U('Apply/company')}";
                }else{
                    location.href = "{:U('Apply/personal')}";
                }
            });


            $.VMenu.show('#menu');
            $.VMenu.open('m1.1');
        </script>
    </body>
</block>