@extends('layouts/home/logined_new')

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

@section('content')
<script src='/ue/ueditor.config.js'></script>
<script src='/ue/ueditor.all.js'></script>	
<script src="{{URL::asset('assets/js/home/content_zoom.js')}}"></script>
<style>
.edui-default .edui-editor{
	    border: 0px solid #d4d4d4;
}
</style>
<div class='user-ads'>
		<img src='{{Session::get('login_img')}}' style='width:100%;height:160px'>
</div>

<div id='user-material'>
<div class='mbx' style=''>
	<div style='float:left;width:55%'>
		<ul class="btn-list" style="font-size:14px;">
				<li class="spec_btn"><a href="{{URL('project/list/current')}}" style="">Current Campaign</a></li>
				<li class="spec_btn"><a href="{{URL('project/list/past')}}" style=""> &nbsp;&nbsp;Recent Campaign&nbsp;&nbsp; </a></li>
				<li style='display:inline-block'>
				<a href='{{URL('/tutorial')}}' target='_blank'><img src='/images/home/tut.png' style='position:relative;top:-4px'></a>
				</li>
		</ul>
	</div>
		<div class='search' style='float:right;width:45%;margin-top:30px'> 
		<div class="input-group" style='width:98%;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 style="border:1px solid rgb(51,51,51)"></div>
	
	<div class="content" style='background:#f7f7f7;padding-bottom:5%'>
				
			<div class="tbl-list" style='width:1080px;margin:0 auto'>
			<p style='text-align: right;margin-top:3%'>        
			<!--<button type="button" class="btn btn-default btn-sm" id='material-add' onclick='upImages()'>
         		 <span class="glyphicon glyphicon-plus"></span> {{trans('common.btn_add')}}
        	</button>-->
        </p>
			<div class='img-list' style='margin:0 auto'>
			@foreach($temps as $k=>$v)
			<div style='display:inline-block'>
			<a href='{{$v['url']}}'>
			<img class='img-sc' style="width:100px" src='/images/doc.png'>
				<p style="text-align: center">{{$v['name']}}</p>
			</a>
			</div>
			@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 -->



<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">
$('.mate-del').click(function(){
		  var r=confirm("{{trans('common.user_confirm_del_resources')}}")
		  if (r==true)
		    {
			  post_str = {'_token':"{{csrf_token()}}","id":$(this).attr('data')};
			 // alert(post_str.id);return false;
			  $.ajax({
		           	 url:"{{URL('users/materialdel')}}",
		             data:post_str,
		             dataType:"JSON",
		             type:"POST",
		             success:function(data){
	                     if(data.success)
						{
	                    	 alert(data.msg);
	                    	 location.href='';
						}
	                     else
	                     {
	                    	 alert(data.msg);
	                    	 return false;
	                     }
								
	                 },
	                 error:function(data){
	                     var msg = '';
	                     $.each(data.responseJSON, function (key, value) {
	                    	 msg = msg +value+"<br>";
	                    	
	                     });
	                     $(".alert-danger").show()
	                     $(".alert-danger").html(msg)
	                 }
	            })
			    
		    }
		  else
		    {
		    //document.write("You pressed Cancel!")
		    }
})


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){
             if(data.success)
             {
	        	 $('#zz').hide();
	        	 $("button").attr("disabled","false");
	        	 location.href='';
             }
             else
             {
                 alert('{{trans('common.user_limit_100')}}');
             }
             
         },
	});
   })
  
});
$('.img-list a').fancyZoom({scaleImg: true, closeOnClick: true});
function upImages()
{
      var myFiles = fileEditor.getDialog("insertimage");
      myFiles.render();
      myFiles.open();
}
</script>
@endsection