{extend name="Public:base" /}
  
        {block name="seo"}
        <title>认证页面|{$Think.CONFIG.WEB_SITE_TITLE} - Powered by EasySNS!</title>
  
  
  <meta name="keywords" content="{$Think.CONFIG.WEB_SITE_KEYWORD}">
  <meta name="description" content="{$Think.CONFIG.WEB_SITE_DESCRIPTION}">
      {/block}
  
  {block name="body"}
   <link rel="stylesheet" type="text/css" href="__PUBLIC__/js/webuploader/webuploader.css">
   <style>
.webuploader-pick {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    background-color: #18ab7a;
    border-color: #18ab7a;
    padding:10px 30px;
}
.webuploader-pick-hover,.webuploader-pick:hover {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    background-color: #6ebda3;
    border-color: #6ebda3;
}
  </style>
   <link rel="stylesheet" type="text/css" href="__CSS__/setting.css" />
  <div class="aw-container-wrap">
	<div class="container">
		<div class="row">
			<div class="aw-content-wraps clearfix">
				<div class="aw-user-setting">
					<div class="tabbable">
						<ul class="nav nav-tabs aw-nav-tabs active">
<li class="active"><a href="#">申请认证</a></li>
							<li><a href="{:es_url('user/setpass')}">安全设置</a></li>
							<li ><a href="{:es_url('user/setavatar')}">设置头像</a></li>
							<li ><a href="{:es_url('user/index')}">基本资料</a></li>
							
							<h2><i class="iconfont icon-shezhi"></i> 用户设置</h2>
						</ul>
					</div>
					
					<div class="tab-content clearfix">
<div class="aw-mod">
	<div class="mod-body">
		<div class="aw-mod">
			<div class="mod-head">
				<h3>申请认证</h3>
			</div>
		<form class="form-horizontal" id="setverifyform">
				<div class="mod-body">
					<div class="form-group">
						<label class="col-lg-2 control-label">当前状态:</label>
						<div class="col-lg-10">
													
													{if condition="$hasrz eq 2"}已认证-认证类型为{if condition="$info['type'] eq 1"}个人认证{else/}企业认证{/if}{elseif condition="$hasrz eq 1"}正在审核{else/}未认证	{/if}
													
													
													
																										</div>
					</div>
					<div class="form-group">
						<label class="col-lg-2 control-label">认证类型:</label>
						<div class="col-lg-10">
						    <input name="type" class="apply-type" type="radio" value="1" id="type_personal" checked="checked"> 个人认证 &nbsp;
						    <input name="type" class="apply-type" type="radio" value="2" id="type_enterprise"> 企业机构认证						</div>
					</div>
					<div class="form-group">
						<label class="col-lg-2 control-label verify-name"><span>真实姓名</span>:</label>
						<div class="col-lg-4">
						    <input class="form-control" name="name" type="text" value="{$info.name|default=''}">
						</div>
					</div>
					
					<div class="form-group">
						<label class="col-lg-2 control-label verify-code">
							<span>身份证号码</span>:</label>
						<div class="col-lg-4">
						    <input class="form-control" name="idcard" type="text" value="{$info.idcard|default=''}">
						</div>
					</div>
					
					<div class="form-group">
						<label class="col-lg-2 control-label">联系方式:</label>
						<div class="col-lg-8">
						    <input class="form-control" name="mobile" type="text" value="{$info.mobile|default=''}">
						</div>
					</div>   
					<div class="form-group">
						<label class="col-lg-2 control-label">认证说明:</label>
						<div class="col-lg-8">
						    <input class="form-control" name="statusdes" type="text" value="{$info.statusdes|default=''}">
						</div>
					</div> 
					<div class="form-group" id="upload-attach">
						<label class="col-lg-2 control-label">附件:</label>
						<div class="col-lg-8">
					<div class="" >
                  <div class=" " id="flash-upload-wrap" data-url="{:es_url('File/pictureUpload')}"><i class="iconfont icon-ai-up-img"></i> 上传附件</div>
                  <input type="hidden" class="form-control" id="cover_id" name="cover_id"  value="" >
                  <img src="{$info['cover_id']|default='0'|get_picture_url}" id="userheadimg">
                  </div>
				</div>
					</div>  
				</div>
			</form>
			<div class="mod-footer clearfix">
			<div class="col-sm-offset-2 col-sm-5">
			<button type="button" data-name="setverifyform"  data-url="{:es_url('user/setverifyHandle')}" class="btn btn-success changeinfo"><i class="fa fa-lock"></i>提交</button>
					</div>
			</div>
		</div>
	</div>
</div>
   <link rel="stylesheet" type="text/css" href="__PUBLIC__/js/webuploader/webuploader.css">

 <script type="text/javascript" src="__PUBLIC__/js/webuploader/webuploader.js"></script>
  <script>
  var  uploader = WebUploader.create({

        // swf文件路径
        swf: "__PUBLIC__" + '/js/webuploader/Uploader.swf',
        
        // 文件接收服务端。
        server: $('#flash-upload-wrap').data('url'),
        auto:true,
        fileNumLimit:1,
        //fileSingleSizeLimit:2048000,
       // chunked:true,
        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick: '#flash-upload-wrap',

        // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
        resize: false
    });
    //uploader.on( 'fileQueued', function( file ) {
       // $('.bd').append( '<div id="' + file.id + '" class="item">' +
           // '<h4 class="info">' + file.name + '</h4>' +
           // '<p class="state">等待上传...</p>' +
        //'</div>' );
    //});

    // 文件上传过程中创建进度条实时显示。
    uploader.on( 'uploadProgress', function( file, percentage ) {
        
        //$('.progress').show();
       // $('#progressbar').css( 'width', percentage * 100 + '%' );
        //$('#progressbar').html(percentage * 100 + '%' );
    });
    uploader.on( 'uploadSuccess', function( file,response ) {

    
    	if(response.code==0){
    		layer.msg(response.errormsg, {icon: 2, time: 1000}, function(){
    			uploader.reset();
            });
    	}else{
    		layer.msg('上传成功', {icon: 1, time: 1000}, function(){

    			 $('#userheadimg').attr('src',response.headpath);
    			 $('#cover_id').val(response.userheadpath);
            });
    	}
    	
    	
    });
    uploader.on( 'uploadError', function( file,reason ) {
    	console.log(reason);
    	layer.msg('上传出错', {icon: 2, time: 1000}, function(){
    		uploader.reset();
        });
    });
    uploader.on( 'error', function(reason ) {
    	var msg;
    	layer.msg('上传出错代码'+reason, {icon: 2, time: 1000}, function(){
    		uploader.reset();
        });
    	//if(reason=='F_EXCEED_SIZE'){
    		//msg='';
    	//}
    });

    uploader.on( 'uploadComplete', function( file ) {
    	//$('.progress').fadeOut();
    });
    $(function(){
    	
    	$('.changeinfo').click(function(){
    		var formname=$(this).data('name');
		    $.post($(this).data('url'),$('form#'+formname).serialize(),function(data){
			    
		    	
		    	
		    	
			      if(data.code == 1){
				        
				        layer.msg(data.msg, {icon: 1, time: 1000}, function(){
				         
				        });
				      }else{
				        
				        layer.msg(data.msg, {icon: 2, anim: 6, time: 1000});
				        
				        
				        
				   }
			
	    	

	    });
	    return false;
    		
    		
    		
    		
    		
    	});
    	
    })
    </script>
<script type="text/javascript">
	$(function()
	{
		$('#type_personal').click(function()
		{
			$('.verify-name span').html(_t('真实姓名'));
			$('.verify-code span').html(_t('身份证号码'));
		});
		
		$('#type_enterprise').click(function()
		{
			$('.verify-name span').html(_t('企业名称'));
			$('.verify-code span').html(_t('组织机构代码'));
		});
		
		$('input.apply-type:checked').click();
		
			});
</script>

					</div>

</div>


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

    {/block}