@extends('layouts/home/logined')

@section('title')
{{trans('common.title_user')}}
@endsection
<script src='/ueditor/ueditor.config.js'></script>
<script src='/ueditor/ueditor.all.js'></script>
@section('content')
<style>
.edui-default .edui-editor{
	    border: 0px solid #d4d4d4;
}
</style>


<div id='main' style="">
	<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" class="form-control" placeholder='Find a Campaign' style=''>
               <span class="input-group-btn">
                  <button class="btn btn-default btn-primary" type="button">
                     >
                  </button>
               </span>
            </div><!-- /input-group -->
            </div>
		</div>
		</div>
	</div>
	
	<div style='border:1px solid rgb(51,51,51)'></div>
</div>

<div class="content" style='background:#f7f7f7;padding-bottom:5%'>
				
			<div class="tbl-list">
			<p style='text-align: right;margin-right:2%;margin-top:3%'>        
			<button type="button" class="btn btn-default btn-sm" id='material-add' onclick='upImages()'>
         		 <span class="glyphicon glyphicon-plus"></span> 添加
        	</button>
        </p>
			<div class='img-list' style='margin-left:40px'>
			@foreach($images_info as $k=>$v)
			<img class='img-sc' src='{{$v['thumb_url']}}'>
			@endforeach
			
			</div>
			
			</div>
			</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">
              上传素材
            </h4>
         </div>
         <div class="modal-body">
            <form class="form-horizontal" role="form" id='child-form'>
            {!! csrf_field() !!}
			   <div class="form-group">
			      <label for="firstname" class="col-sm-2 control-label">用户名：</label>
			      <div class="col-sm-10">
			         <input type="text" class="form-control" id="username" name="username"
			            placeholder="请输入用户名">
			      </div>
			   </div>
			   <div class="form-group">
			      <label for="lastname" class="col-sm-2 control-label">密码：</label>
			      <div class="col-sm-10">
			         <input type="password" class="form-control" id="password" name="password" 
			            placeholder="请输入密码">
			      </div>
			   </div>
			   <div class="form-group">
			      <label for="lastname" class="col-sm-2 control-label">确认密码：</label>
			      <div class="col-sm-10">
			         <input type="password" class="form-control" id="confirm_password" name="confirm_password"
			            placeholder="请输入密码">
			      </div>
			   </div>
  
 		 </form>
 		 
	 		 <div class="alert alert-danger alert-dismissable" style='display:none'>
	   			<button type="button" class="close" data-dismiss="alert" 
	      		aria-hidden="true">
	      			&times;
	   			</button>
	   			<span id='child-notify'></span>
			</div>
         </div>
         <div class="modal-footer">
            <button type="button" class="btn btn-default" 
               data-dismiss="modal">
               关闭
            </button>
            <button type="button" class="btn btn-primary" id='chlid-save'>
              添加
            </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">
            <form class="form-horizontal" role="form" id='child-form-n'>
            {!! csrf_field() !!}
			   <div class="form-group">
			      <label for="firstname" class="col-sm-2 control-label">用户名：</label>
			      <div class="col-sm-10">
			         <input type="text" class="form-control" id="username" name="username"
			            placeholder="请输入用户名" readonly='readonly'>
			      </div>
			   </div>
			   <div class="form-group">
			      <label for="lastname" class="col-sm-2 control-label">密码：</label>
			      <div class="col-sm-10">
			         <input type="password" class="form-control" id="password" name="password" 
			            placeholder="请输入密码">
			      </div>
			   </div>
			   
			   <div class="form-group">
			      <label for="lastname" class="col-sm-2 control-label">确认密码：</label>
			      <div class="col-sm-10">
			         <input type="password" class="form-control" id="confirm_password" name="confirm_password"
			            placeholder="请输入密码">
			      </div>
			   </div>
 		 </form>
 		 
	 		 <div class="alert alert-danger alert-dismissable" style='display:none'>
	   			<button type="button" class="close" data-dismiss="alert" 
	      		aria-hidden="true">
	      			&times;
	   			</button>
	   			<span id='child-notify1'></span>
			</div>
         </div>
         <div class="modal-footer">
            <button type="button" class="btn btn-default" 
               data-dismiss="modal">
               关闭
            </button>
            <button type="button" class="btn btn-primary" id='chlid-save1'>
              添加
            </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/javascript">
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();
	   for(var i in arg)
   	   {
   		   info+=arg[i].src+',';
   	   }

	   $.ajax({
			 url:"{{URL('users/materialsave')}}",
         data:'pic_info='+info+'&_token={{csrf_token()}}&project_id=0&special_type=3&type=3',
         dataType:"JSON",
         type:"POST",
         success:function(data){
        	 $('#zz').hide();
        	 $("button").attr("disabled","false");
        	 location.href='';
         },
	});
   })
  
});

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

@endsection