{layout name="layout" /}
<link rel="stylesheet" type="text/css" href="{$yf_theme_path}public/css/bootstrap.css">
<style>
.user-detail .error{padding-left:5px;color:red;line-height:2.4em;}
.user-detail input[type=file]{
    position: absolute;
    top: 1px;
    left: 1px;
    margin: 0;
	height:100%;
    width: 90%;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index:1;
	cursor: pointer
}
.checkbox-inline{line-height:1em;}
.user-detail input[type=checkbox]{vertical-align:middle;margin-top:0px;}
.user-detail textarea{height:4em;overflow:auto;width:220px;}
.user-detail span.special{vertical-align: middle}
</style>
<div class="sec-user clearfix">
    <div class="content">
        <div class="user-detail">
            <div class="detail-edit">
	             <div class="choose-type">
	                    <div class="type-box">
	                        <a href="javascript:void (0)" class="type person active">个人投资认证</a>
	                        <a href="javascript:void (0)" class="type company">机构投资认证</a>
	                    </div>
	
	             </div>
	             <div class="edit-form">
		             <form method="post" id="postForm1" action="{:url('individual')}" class="f-form f-form-2 form-horizontal active">
                        <div class="form-group">
	                            <label  class="col-xs-2 control-label">联系人</label>
	                            <div class="col-xs-7">
                                    <input type="text" class="form-control" name="contact_name" id="contact_name1" value="{$detail1.contact_name}">
	                            </div>
	                        </div>
                        <div class="form-group">
                            <label class="col-xs-2 control-label">手机号码</label>
	                            <div class="col-xs-7">
                            <input type="text" class="form-control" name="contact_phone" id="contact_phone1" value="{$detail1.contact_phone}">
                                </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-2 control-label">邮箱</label>
                            <div class="col-xs-7">
                            <input type="text" class="form-control" name="email" id="email1" value="{$detail1.email}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-2 control-label">任职机构</label>
                            <div class="col-xs-7">
                            <input type="text" class="form-control" name="company" id="company1" value="{$detail1.company}">
                            </div>
                        </div>
                        <div class="form-group">
                                <label class="col-xs-2 control-label" >所属行业</label>
                                <div class="col-xs-7">
                                <select id="industry_id1" class="form-control" name="industry_id">
			                       <option value="">请选择</option>
			                       {foreach name="industries" id="vo"}
			                       <option value="{$vo.id}" {if condition="$vo['id'] eq $detail1['industry_id']"}selected='selected'{/if}>{$vo.name}</option>
			                       {/foreach}
			                    </select>
                                </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-2 control-label">职位</label>
                            <div class="col-xs-7">
                            <input type="text" id="position" class="form-control" name="position" value="{$detail1.position}" />
                            </div>
                        </div>
                        <div class="form-group">
                                <label class="col-xs-2 control-label">所在省市</label>
	                            <div class="col-xs-7">
		                                <input type="hidden" id="region_id1" name="region_id" value="{$detail1.region_id}" />
					                     <select id="province1" name="province" style="width:158px;" class="form-control" >
					                       <option value="">请选择省份</option>
					                       {foreach name="regions" id="vo"}
					                       <option value="{$vo.id}" {if condition="$vo['id'] eq $detail1['province']"}selected='selected'{/if}>{$vo.name}</option>
					                       {/foreach}
					                    </select>
					                     <select id="city1" name="city" style="margin-left:10px;width:158px;line-height:1.4em;" class="form-control" >
					                       <option value="">请选择城市</option>
					                    </select>
                                  </div>
                        </div>
                        <div class="form-group">
                                <label class="col-xs-2 control-label">详细地址</label>
	                            <div class="col-xs-7">
                                <input type="text" id="address1" class="form-control"  name="address" value="{$detail1.address}" />
                                </div>
                        </div>
                        <div class="form-group">
                                <label class="col-xs-2 control-label">投资阶段</label>
	                            <div class="col-xs-7">
                                {foreach name="stages" id="vo" key="key"}
                                <label class="checkbox-inline">
                                    <input type="checkbox" id="investment_stage_id1{$key}" {if condition="is_array($detail1['investment_stage_id']) and in_array($vo['id'],$detail1['investment_stage_id']) "}checked='checked'{/if}  name="investment_stage_id[]"  value="{$vo.id}">{$vo.name}
                                </label>
                                {/foreach}
                            </div>
                        </div>
                        <div class="form-group">
                                <label class="col-xs-2 control-label">关注行业</label>
	                            <div class="col-xs-7">
                                {foreach name="industries" id="vo" key="key"}
                                <label class="checkbox-inline">
                                <input type="checkbox" id="interested_industry_ids1{$key}" name="interested_industry_ids[]" {if condition="is_array($detail1['interested_industry_ids']) and in_array($vo['id'],$detail1['interested_industry_ids']) "}checked='checked'{/if}  value="{$vo.id}" />{$vo.name}
                                </label>
                                {/foreach}
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-2 control-label">&nbsp;投资关注(可选)</label>
                            <div class="col-xs-7">
                            <textarea class="form-control" id="investment_concerns1" name="investment_concerns">{$detail1.investment_concerns}</textarea>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-2 control-label">已投资项目(可选)</label>
                            <div class="col-xs-7">
                            <textarea class="form-control" id="invested_projects1" name="invested_projects">{$detail1.invested_projects}</textarea>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-2 control-label">{:date("Y")}年重点投资项目(可选)</label>
                            <div class="col-xs-7">
                            <textarea id="investment_point1" class="form-control" name="investment_point">{$detail1.investment_point}</textarea>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-2 control-label">&nbsp;</label>
                            <div class="col-xs-7">
                            {if condition="$profile['individual_investor_verification_status'] eq 1"}
	                             <button type="button" class="btn-submit" onclick="window.location.href='{:url('index')}'">返回</button>
	                        {else}
                            <button type="submit" class="btn-submit">保存</button>
                            {/if}
                            </div>
                        </div>
		            </form>
	             </div>
	             <div class="edit-form" style="display:none">
			             <form method="post" id="postForm2" action="{:url('institutional')}" class="f-form f-form-2 form-horizontal active">
                        <div class="form-group">
                            <label class="col-xs-2 control-label">联系人</label>
                            <div class="col-xs-7">
                            <input type="text" id="contact_name2" class="form-control" name="contact_name" value="{$detail2.contact_name}" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-2 control-label">手机号码</label>
                            <div class="col-xs-7">
                            <input type="text" id="contact_phone2" class="form-control" name="contact_phone" value="{$detail2.contact_phone}" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-2 control-label">企业名称</label>
                            <div class="col-xs-7">
                            <input type="text" id="company2" class="form-control" name="company" value="{$detail2.company}" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-2 control-label">机构名称</label>
                            <div class="col-xs-7">
                            <input type="text" id="name2" class="form-control" name="name" value="{$detail2.name}" />
                            </div>
                        </div>
                       <div class="form-group">
                                <label class="col-xs-2 control-label">所在省市</label>
                            <div class="col-xs-7">
                                <input type="hidden" id="region_id2" name="region_id" value="{$detail2.region_id}" />
			                     <select id="province2" name="province" style="width:158px;" class="form-control" >
			                       <option value="">请选择省份</option>
			                       {foreach name="regions" id="vo"}
			                       <option value="{$vo.id}" {if condition="$vo['id'] eq $detail2['province']"}selected='selected'{/if}>{$vo.name}</option>
			                       {/foreach}
			                    </select>
			                     <select id="city2" name="city" style="margin-left:10px;width:158px;line-height:1.4em;" class="form-control" >
			                       <option value="">请选择城市</option>
			                    </select>
                            </div>
                        </div>
                        
                        <div class="form-group">
                                <label class="col-xs-2 control-label">详细地址</label>
                               <div class="col-xs-7">
                                <input type="text" class="form-control" name="address" id="address2" value="{$detail2.address}">
                            </div>
                        </div>
                        <div class="form-group">
                                <label class="col-xs-2 control-label">成立时间</label>
                            <div class="col-xs-7">
                                <input type="text" id="establish_date" data-widget='dateTime'  class="form-control" data-format="yyyy-mm" name="establish_date" value="{$detail2.establish_date}" />
                            </div>
                        </div>
                        <div class="form-group">
                                <label class="col-xs-2 control-label">注册资本</label>
	                            <div class="col-xs-7">
                                <input type="text" id="registration_capital" class="form-control" name="registration_capital" value="{$detail2.registration_capital}" placeholder="单位万元" />
                            </div>
                        </div>
                        <div class="form-group">
                                <label class="col-xs-2 control-label">管理规模</label>
	                            <div class="col-xs-7">
                                <input type="text" id="company_size" name="company_size" class="form-control" value="{$detail2.company_size}" placeholder="单位万元" />
                            </div>
                        </div>
                        <div class="form-group">
                                <label class="col-xs-2 control-label">官方网站</label>
	                            <div class="col-xs-7">
                                <input type="text" id="company_website" class="form-control" name="company_website" value="{$detail2.company_website}" />
                            </div>
                        </div>
                        <div class="form-group">
                                <label class="col-xs-2 control-label">法人代表</label>
	                            <div class="col-xs-7">
                                <input type="text" id="legal_representative" class="form-control" name="legal_representative" value="{$detail2.legal_representative}" />
                            </div>
                        </div>
                        <div class="form-group">
                                <label class="col-xs-2 control-label">投资阶段</label>
	                            <div class="col-xs-7">
                                {foreach name="stages" id="vo" key="key"}
                                <label class="checkbox-inline">
                                    <input type="checkbox" id="investment_stage_id2{$key}" {if condition="is_array($detail1['investment_stage_id']) and in_array($vo['id'],$detail1['investment_stage_id']) "}checked='checked'{/if}  name="investment_stage_id[]"  value="{$vo.id}">{$vo.name}
                                </label>
                                {/foreach}
                            </div>
                        </div>
                        <div class="form-group">
                                <label class="col-xs-2 control-label">关注行业</label>
	                            <div class="col-xs-7">
                                {foreach name="industries" id="vo" key="key"}
                                <label class="checkbox-inline">
                                <input type="checkbox" id="interested_industry_ids2{$key}" name="interested_industry_ids[]" {if condition="is_array($detail1['interested_industry_ids']) and in_array($vo['id'],$detail1['interested_industry_ids']) "}checked='checked'{/if}  value="{$vo.id}" />{$vo.name}
                                </label>
                                {/foreach}
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-2 control-label">&nbsp;投资关注(可选)</label>
                            <div class="col-xs-7">
                            <textarea class="form-control" id="investment_concerns2" name="investment_concerns">{$detail2.investment_concerns}</textarea>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-2 control-label">已投资项目(可选)</label>
                            <div class="col-xs-7">
                            <textarea class="form-control" id="invested_projects2" name="invested_projects">{$detail2.invested_projects}</textarea>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-2 control-label">&nbsp;{:date("Y")}年重点投资项目 (可选)</label>
                            <div class="col-xs-7">
                            <textarea id="investment_point2" class="form-control" name="investment_point">{$detail2.investment_point}</textarea>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-xs-2 control-label"></label>
                            <div class="col-xs-7">
                            {if condition="$profile['institutional_investor_verification_status'] eq 1"}
	                             <button type="button" class="btn-submit" onclick="window.location.href='{:url('index')}'">返回</button>
	                        {else}
                            <button type="submit" class="btn-submit">保存</button>
                            {/if}
                            </div>
                        </div>
		            </form>
	             </div>
            </div>
        </div>
        <div class="user-caidan">
            {include file="public:userinfo" /}
        </div>
    </div>
</div>

          <script src="{$yf_theme_path}/public/js/jquery.form.js"></script>
          <script src="{$yf_theme_path}/public/js/jquery.validate.min.js"></script>
          <script src="{$yf_theme_path}/public/js/common.js"></script>
          <script src="{$yf_theme_path}/public/js/base.js"></script>
          <script>
          $(function(){
        	  // 手机号码验证    
        	    jQuery.validator.addMethod("isMobile", function(value, element) {    
        	      var length = value.length;    
        	      return this.optional(element) || (length == 11 && /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/.test(value));    
        	    }, "请正确填写您的手机号码。");
        	    // 身份证号码验证
        	    jQuery.validator.addMethod("isIdCardNo", function(value, element) { 
        	      //var idCard = /^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\w)$/;   
        	      return this.optional(element) || isIdCardNo(value);    
        	    }, "请输入正确的身份证号码。"); 
        	    var regions={$regions|json_encode};
        	    var city1="{$detail1.city}";
        	    if(city1!="")city1=parseInt(city1);
        	    $("#province1").change(function(){
        	    	   var val=$("#province1").val();
        	    	   $("#region_id1").val("");
	    			   var html='<option value="">请选择城市</option>';
        	    	   $("#city1").html(html);
        	    	   var index=$("#province1").get(0).selectedIndex;
        	    	   if(index>0){
        	    		   index=index-1;
        	    		   if(typeof regions[index]!='undefined'){
        	    			   var current=regions[index];
        	    			   console.log(current);
        	    			   var subregions=current['subregions'];
        	    			   console.log(subregions);
        	    			   if(subregions.length){
        	    				   subregions.forEach(function(item){
        	    					   if(city1!=""&&item['id']==city1){
        	    						   html+='<option value="'+item['id']+'" selected="selected">'+item['name']+'</option>';
        	    					   }else{
        	    						   html+='<option value="'+item['id']+'">'+item['name']+'</option>';   
        	    					   }
        	    				   });
            	    			   $("#city1").html(html);
        	    			   }
        	    		   }
        	    	   }
        	    });
        	    var city2="{$detail2.city}";
        	    if(city2!="")city2=parseInt(city2);
        	    $("#province2").change(function(){
     	    	   var val=$("#province2").val();
     	    	   $("#region_id2").val("");
	    			   var html='<option value="">请选择城市</option>';
     	    	   $("#city2").html(html);
     	    	   var index=$("#province2").get(0).selectedIndex;
     	    	   if(index>0){
     	    		   index=index-1;
     	    		   if(typeof regions[index]!='undefined'){
     	    			   var current=regions[index];
     	    			   console.log(current);
     	    			   var subregions=current['subregions'];
     	    			   console.log(subregions);
     	    			   if(subregions.length){
     	    				   subregions.forEach(function(item){
     	    					   if(city2!=""&&item['id']==city2){
     	    						   html+='<option value="'+item['id']+'" selected="selected">'+item['name']+'</option>';
     	    					   }else{
     	    						   html+='<option value="'+item['id']+'">'+item['name']+'</option>';   
     	    					   }
     	    				   });
         	    			   $("#city2").html(html);
     	    			   }
     	    		   }
     	    	   }
     	    });
        	    
        	    $("#city1").change(function(){
        	    	var val=$("#city1").val();
        	    	$("#region_id1").val(val);
        	    });
        	    {if condition="$detail1['province'] and $detail1['city']"}
		 	           $("#province1").trigger("change");
		 	           $("#region_id1").val("{$detail1.city}");
		 	    {/if}
		 	    
	 	    	$("#city2").change(function(){
        	    	var val=$("#city2").val();
        	    	$("#region_id2").val(val);
        	    });
        	    {if condition="$detail2['province'] and $detail2['city']"}
		 	           $("#province2").trigger("change");
		 	           $("#region_id2").val("{$detail2.city}");
		 	    {/if}
		 	    
        	    $(".choose-type a").click(function(){
        	    	   var has=$(this).hasClass('active');
        	    	   var index=$(this).index();
        	    	   if(!has){
        	    		   $(".choose-type a").removeClass('active');
        	    		   $(this).addClass('active');
        	    		   $(".edit-form").hide();
        	    		   $(".edit-form").eq(index).show();
        	    	   }
        	    });
               var rules={
            		   "contact_name":"required",
            		   "contact_phone":{
            			     "required":true,
              			     "isMobile":true
              		    },
             		   "email":{
           			     "required":true,
             			     "email":true
             		    },
             		   "company":"required",
            		   "industry_id":"required",
             		   "position":"required",
             		   "city":"required",
            		   "address":"required"
               };
               var messages={
            		   "contact_name":"联系人必填",
            		   "contact_phone":{
            			   "required":"手机号码必填",
          			       "isMobile":"正确填写手机"
              		    },
             		   "province":"省份必选",
             		   "city":"城市必选",
            		   "address":"地址必填",
            		   "industry_id":"行业必选",
            		   "company":"任职机构必填",
            		   "position":"职位必填",
            		   "email":{
            			   "required":"邮箱必填",
            			     "email":"正确邮箱地址"
            		    }
               };
               tool.commonForm("#postForm1",rules,messages);
               
               var rules={
            		   "contact_name":"required",
            		   "contact_phone":{
            			     "required":true,
              			     "isMobile":true
              		    },
             		   "company":"required",
             		   "name":"required",
            		   "city":"required",
            		   "address":"required",
            		   "establish_date":"required",
            		   "registration_capital":"required",
            		   "company_size":"required",
            		   "legal_representative":"required",
            		   "registration_capital":"required"
               };
               var messages={
            		   "contact_name":"联系人必填",
            		   "contact_phone":{
            			   "required":"手机号码必填",
          			       "isMobile":"请正确填写手机"
              		    },
              		   "company":"任职机构必填",
            		   "name":"机构名称必填",
            		   "city":"城市必选",
            		   "address":"详细地址必填",
            		   "establish_date":"成立时间必填",
            		   "registration_capital":"注册资本必填",
            		   "company_size":"管理规模必填",
            		   "legal_representative":"法人代表必填"
               };
               tool.commonForm("#postForm2",rules,messages);
          });
          </script>