@extends('layouts/home/logined')

@section('title')
{{trans('common.title_user')}}
@endsection

@section('content')

<script src='/ueditor/ueditor.config.js'></script>
<script src='/ueditor/ueditor.all.js'></script>
<style>
.account-item{margin-left:9%;margin-top:2%}
#account-content{margin-bottom:45.6%}
@media screen and (max-width: 768px) {
	.n{background:#fff;margin-bottom:50%}

}
a{color:black}
.user-left{float:left;margin-top:10px;width:50%}
.user-right{float:right;margin-top:10px;width:50%}
#user-info tr td{height:25px;font-size:14px}
#user-info .tit{text-align:right}
.edui-default .edui-editor{
	    border: 0px solid #d4d4d4;
}
.user-right tr{height:35px}
</style>


<div id='main' >

<div id='common-header'>
	<div class='user-ads'>
		<img src='/images/home/ads.jpg' style='width:100%;height:20%'>
	</div>
	<div class='mbx' style='text-align:center;height:65px'>
	<div class='row' style='margin-top:25px;padding-left:8%;margin-right:0px'>
	<div class='col-lg-6' style='padding-left:0px'>	
			<div class='rg1' >
			<ul class='nav navbar-nav' style='margin:0px;padding:0px;font-size:14px;'>
				<li class="login-h btn btn-light"><a href="http://tcm.com/passport/login" style="">Current Campaign</a></li>
				<li class="login-h btn btn-light"><a href="http://tcm.com/passport/login" style=""> &nbsp;&nbsp;&nbsp;&nbsp;Past Campaign&nbsp;&nbsp;&nbsp;&nbsp; </a></li>
			</ul>
			
			</div>
	</div>
	<div class='col-lg-6'>	
			<div style=''>
			<div class="input-group" style='width:80%;margin-left:20px'>
               <input type="text" id='find_prj' name='find_prj'  class="form-control" placeholder='Find a Campaign' style=''>
               <span class="input-group-btn">
                  <button class="btn btn-default btn-primary find-c" type="button">
                     >
                  </button>
               </span>
            </div><!-- /input-group -->
            </div>
		</div>
		</div>
	</div>
	
	<div style='border:1px solid rgb(51,51,51)'></div>
</div>


<div id='user-info' style='background:#f7f7f7;margin-top:5%'>
	<div id="login" style="border:1px solid #d8dee2;border-radius: 5px;padding:2% 2%;background:#fff;text-align:center;height:350px">
	<p style='text-align: center;font-size:16px;font-weight:bold;'>基本信息</p>
	<div class='user-left' >
		<img src='@if($user_img) {{$user_img}} @else /images/home/mr.jpg   @endif' style='width:200px;height:200px'>
		<button id='up' onclick='upImages()' style='margin-top:10px'>上传头像</button>	
	</div>
	
	<div class='user-right'>
			<table>
			<tr><td>用户名：</td><td>{{$username}}</td></tr>
			<tr><td>邮箱：</td><td>{{$email}}</td></tr>
			<tr><td>关联品牌：</td><td>{{$brand}}</td></tr>
			<tr><td>项目数：</td><td><a href='{{URL('project/list')}}/all'>{{$project_count}}</a></td></tr>
			<tr><td>子账号数：</td><td><a href='{{URL('users/child')}}'>{{$son_count}}</a></td></tr>
			<tr><td>收款单数：</td><td><a href='{{URL('users/bills')}}'>{{$bill_count}}</a></td></tr>
			</table>
	</div>
	</div>
</div>
</div>
<div id='zz' style='display:none;position: absolute;width:100%;height:100%;opacity:0.6;background:black;z-index:20000;left:0px;top:0px'>
	<img style='margin-left:50%;margin-top:20%;' src='/images/home/loding.gif'>
</div>
<!--上传excel组件-->
<div style="display:none">
    <textarea id="file-editor" name="file-editor" ></textarea>
</div>

<script>
var editor_a = new baidu.editor.ui.Editor();
editor_a.render('editor');
var fileEditor = new UE.ui.Editor({PHPSESSID:'{{Session::getId()}}'});
fileEditor.render("file-editor");
fileEditor.ready(function () {
    //设置编辑器不可用
    fileEditor.setDisabled();
    //隐藏编辑器，因为不会用到这个编辑器实例，所以要隐藏
    fileEditor.hide();
   //侦听文件上传，取上传文件列表中的文件的路径
   var info = '';
   var info = '';
   fileEditor.addListener('beforeInsertImage', function (t, arg) {
	   $('#zz').show();
		var post_str = {'_token':"{{csrf_token()}}","user_img":arg[0].src};
	   $.ajax({
		 url:"{{URL('users/doinfo')}}",
         data:post_str,
         dataType:"JSON",
         type:"POST",
         success:function(data){
			if(data.success)
			{
				location.href='';
			}
			else
			{
				 $('#zz').hide();
				alert(data.msg);
				return false;
			}
         },
		});
	  	 	
   })
  
});

function upImages()
{
      var myFiles = fileEditor.getDialog("insertimage");
      myFiles.render();
      myFiles.open();
}

</script>

@endsection