@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}

.edui-default .edui-editor{
	    border: 0px solid #d4d4d4;
}
</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='' style='background:#f7f7f7;height:50%'>
<div style='margin-left: 10%;margin-top:3%;margin-bottom:1%;font-size:24px;'>My Account</div>
		@if($members['is_master'] == 1)
		<div class='account-item' style='float:left'>
			<img src='/images/home/account.jpg'>
			&nbsp;&nbsp;<span style='font-weight:bold'>
		<a href='{{URL('users/info')}}'>基本信息</a>
			</span>
		</div>		
		<div class='account-item' style='float:left'>
			<img src='/images/home/account.jpg'>
			&nbsp;&nbsp;<span style='font-weight:bold'>
		<a href='{{URL('users/child')}}'>	子账号管理</a>
			</span>
		</div>
		<div class='account-item' style='float:left'>
			<img src='/images/home/account.jpg'>
			&nbsp;&nbsp;<span style='font-weight:bold'>
		<a href='{{URL('users/resetpwd')}}'>	{{trans('user.title_change_pwd')}}</a>
			</span>
		</div>
		
		<div class='account-item' style='float:left'>
			<img src='/images/home/project.jpg'>
			&nbsp;&nbsp;
			<span style='font-weight:bold'>
			@if(empty($members['logo']))
			<span   title="必须为png类型"  id='up-logo' onclick='upImages()' style='cursor:pointer' class="tooltip-show" data-toggle="tooltip" >
				上传logo
			</span>
			@else
			  <span id='see' style='cursor:pointer'>查看logo</span>
			@endif
			
			</span>
		</div>
		
		<div class='account-item' style='float:left'>
			<img src='/images/home/project.jpg'>
			&nbsp;&nbsp;
			<span style='font-weight:bold'>
			@if(empty($members['contract_discount']))
			<span  id='discount' style='cursor:pointer' >
				折扣管理
			</span>
			@else
			  <span id='see-discount' style='cursor:pointer'>查看折扣</span>
			@endif
			
			</span>
		</div>
		
		<div class='account-item' style='float:left'>
			<img src='/images/home/account.jpg'>
			&nbsp;&nbsp;<span style='font-weight:bold'>
		  <span id='water' style='cursor:pointer'>水印设置</span>
			</span>
		</div>
		
		<div class='account-item' style='float:left'>
			<img src='/images/home/account.jpg'>
			&nbsp;&nbsp;<span style='font-weight:bold'>
		<a href="{{URL('users/material')}}">	素材管理</a>
			</span>
		</div>
		
		<div class='account-item' style='float:left'>
			<img src='/images/home/account.jpg'>
			&nbsp;&nbsp;<span style='font-weight:bold'>
		<a href="{{URL('users/address')}}">	{{trans('user.title_address')}}</a>
			</span>
		</div>
		@endif
			<div class='account-item' style='float:left'>
			<img src='/images/home/project.jpg'>
			&nbsp;&nbsp;
			<span style='font-weight:bold'>
			<a href="{{URL('project/list/all')}}">{{trans('user.title_myproject')}}</a>
			</span>
		</div>
		@if($members['is_master'] == 1)	
		<div class='account-item' style='float:left'>
			<img src='/images/home/project.jpg'>
			&nbsp;&nbsp;<span style='font-weight:bold'>
		<a href='{{URL('users/bills')}}'>	收据管理</a>
			</span>
		</div>
			@endif
		
	
	</div>
	

</div>
	
			<!-- 模态框（Modal） -->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" 
   		aria-labelledby="myModalLabel" aria-hidden="true">
	   <div class="modal-dialog">
	      <div class="modal-content">
	         <div class="modal-header">
	            <button type="button" class="close" data-dismiss="modal" 
	               aria-hidden="true">×
	            </button>
	            <h4 class="modal-title" id="myModalLabel">
	            		   我的logo
	            </h4>
	         </div>
	         <div class="modal-body" style='text-align:center'>
				<img style='border:1px solid #eaeaea' src="{{$members['logo']}}">
	         </div>
	         <div class="modal-footer">
	            <button type="button" class="btn btn-default" 
	               data-dismiss="modal">关闭
	            </button>
	            <button type="button" id='replace-logo' class="btn btn-primary">
	             		  替换logo
	            </button>
	         </div>
	      </div><!-- /.modal-content -->
	   	</div><!-- /.modal-dialog -->
	</div><!-- /.modal -->
	
	
	<!-- 模态框（Modal） -->
	<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" 
   		aria-labelledby="myModalLabel" aria-hidden="true">
	   <div class="modal-dialog">
	      <div class="modal-content">
	         <div class="modal-header">
	            <button type="button" class="close" data-dismiss="modal" 
	               aria-hidden="true">×
	            </button>
	            <h4 class="modal-title" id="myModalLabel">
	            水印设置
	            </h4>
	         </div>
	         <div class="modal-body" style='text-align:center'>
	          <form class="form-horizontal" role="form" id='water-set'>
					<div class="form-group" >
				      <label for="mobile" class="col-sm-2 control-label">水印位置：</label>
				      <div class="col-sm-10" style='text-align:left'>
		<label class="checkbox-inline">
      <input type="radio" name="water_pos" id="water_pos" 
         value="1" @if($members['water_pos'] == 1) checked  @endif> <span style='position: relative;top:-2px	'>左上</span>
   		</label>
  		<label class="checkbox-inline">
      <input type="radio" name="water_pos" id="water_pos" 
         value="2" @if($members['water_pos'] == 2) checked  @endif> <span style='position: relative;top:-2px	'>右上</span>
   	  </label>
   	    		<label class="checkbox-inline">
      <input type="radio" name="water_pos" id="water_pos" 
         value="3" @if($members['water_pos'] == 3) checked  @endif> <span style='position: relative;top:-2px	'>左下</span>
   	  </label>
   	    		<label class="checkbox-inline">
      <input type="radio" name="water_pos" id="water_pos" 
         value="4" @if($members['water_pos'] == 4) checked  @endif> <span style='position: relative;top:-2px	'>右下</span>
   	  </label>
				      </div>
				   </div>
				   
				<div class="form-group">
				      <label for="zip" class="col-sm-2 control-label">透明度：</label>
				      <div class="col-sm-10" style='text-align:left'>
				        <input type="range" min="0" max="100" id='range' value='{{$members['water_tmd']}}'>
				        &nbsp;&nbsp;&nbsp;&nbsp;
				        <span style='position: relative;top:-8px'>
				        <input type="text" id="show" size=2 value='{{$members['water_tmd']}}'> %
				        </span>
				      </div>
				   </div>
			 </form>
	         </div>
	         <div class="modal-footer">
	            <button type="button" class="btn btn-default" 
	               data-dismiss="modal">关闭
	            </button>
	            <button type="button" id='sub-water' class="btn btn-primary">
	             		  提交
	            </button>
	         </div>
	      </div><!-- /.modal-content -->
	   	</div><!-- /.modal-dialog -->
	</div><!-- /.modal -->
	
	
<!-- 模态框（Modal） -->
	<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" 
   		aria-labelledby="myModalLabel" aria-hidden="true">
	   <div class="modal-dialog">
	      <div class="modal-content">
	         <div class="modal-header">
	            <button type="button" class="close" data-dismiss="modal" 
	               aria-hidden="true">×
	            </button>
	            <h4 class="modal-title" id="myModalLabel">
	            		   合同折扣
	            </h4>
	         </div>
	         <div class="modal-body" style=''>
	         @if($dis_info['flag'])
				<p style='color:red'>声明：签订此合同需遵守与本站合作的相关规定</p>
				
				<form role="form" id='frm-discount'>
   				<div class="form-group">
			      <label for="discount">选择折扣类型：</label>
			      	<select class="form-control" id='discount-set' name='discount-set'>
						@foreach($discount_list as $k=>$v)
							<option value='{{$v['id']}}' data="{{$v['month']}}">{{$v['name']}} -- {{$v['discount']/10}}折优惠</option>
						@endforeach
			      	</select>
			      </div>
				</form>
			@else
				您现在所享受的折扣合同为：<span style='color:red'>{{$dis_info['name']}}--享{{$dis_info['discount']/10}}折优惠</span>
			@endif
	         </div>
	         <div class="modal-footer">
	            <button type="button" class="btn btn-default" 
	               data-dismiss="modal">关闭
	            </button>
	            <button type="button" id='sub-discount' class="btn btn-primary">
	             		  提交
	            </button>
	         </div>
	      </div><!-- /.modal-content -->
	   	</div><!-- /.modal-dialog -->
	</div><!-- /.modal -->
	
	<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 type="text/plain" id="myEditor"></script>
<script type="text/plain" id="upload_ue"></script>
	<script>
	$(function () { $('.tooltip-show').tooltip('show');});
	$(function () { 
		$('.tooltip-show').on('show.bs.tooltip', function () {
		
		});

		$('#see').click(function(){
			$('#myModal').modal({
			      keyboard: true
			   });
		});

		$('#discount').click(function(){	
			$('#myModal2').modal({
			      keyboard: true
			   });
		});

		$('#see-discount').click(function(){	
			$('#myModal2').modal({
			      keyboard: true
			   });
		});

		$('#replace-logo').click(function(){
			$('#myModal').modal('hide');
			upImages();
		})



		$('#water').click(function(){
			$('#myModal1').modal({
			      keyboard: true
			   });
		});
		
		$('#range').change(function(){
			var range = $(this).val();
			$('#show').val(range);
		})
		
		//签订合同折扣
		$('#sub-discount').click(function(){
			var dis_id = $('#discount-set').val();
			var post_str = {'_token':"{{csrf_token()}}","dis_id":dis_id};
			  $.ajax({
					 url:"{{URL('users/dodiscount')}}",
		             data:post_str,
		             dataType:"JSON",
		             type:"POST",
		             success:function(data){
		            	 if(data.success)
			 			{
			 				location.href='';
			 			}
		
		             }
			  })
		})
		
		
		//添加水印
		$('#sub-water').click(function(){
			var pos =  $('#water-set').find('input[name="water_pos"]:checked').val();
			var tmd = $('#show').val()

			var post_str = {'_token':"{{csrf_token()}}","pos":pos,"tmd":tmd};
			  $.ajax({
					 url:"{{URL('users/dowater')}}",
		             data:post_str,
		             dataType:"JSON",
		             type:"POST",
		             success:function(data){
		            	 if(data.success)
			 			{
			 				location.href='';
			 			}
		
		             }
			  })
		})
		
		
	});
	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()}}","logo_url":arg[0].src};
		   $.ajax({
			 url:"{{URL('users/logoadd')}}",
             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