@extends('layouts/home/logined')

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

@section('content')
<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 id='find_prj' name='find_prj' type="text" 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 class="content">

				
			<div class="tbl-list">
			<p style='text-align: right'>        
			<button type="button" class="btn btn-default btn-sm" id='child-add'>
         		 <span class="glyphicon glyphicon-plus"></span> 添加
        	</button>
        </p>
			<table class="table table-bordered" style="text-align: center;font-size:14px">
   <thead>
      <tr style="background:#f2fbff;">
         <th >账号</th>
         <th>创建时间</th>
         <th>项目</th>
         <th>作品</th>
          <th>操作</th>
      </tr>
   </thead>
   <tbody>
   @foreach($member_info as $k=>$v)
      <tr>
         <td>{{$v['username']}}</td>
         <td>{{$v['created_at']}}</td>
         <td><a href='{{URL('project/list/all')}}?member_id={{$v['id']}}' target="_blank">查看</a></td>
         <td><a href='{{URL('users/works')}}/{{$v['id']}}' target="_blank">查看</a></td>
         <td><a href='#' class='reset-pwd' data="{{$v['username']}}">修改密码</a></td>
      </tr>
   @endforeach
   </tbody>
</table>
			</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 -->

<script type="text/javascript">
	$('#child-add').click(function(){
		$('#myModal').modal('show');
		$('#chlid-save').click(function(){
			$('#child-notify').hide();
			
            $.ajax({
	           	 url:"{{URL('passport/doregister')}}",
	             data:$('#child-form').serialize(),
	             dataType:"JSON",
	             type:"POST",
	             success:function(data){
                     if(data.success)
					{
                    	 //$(".alert-danger").show()
                    	 $('#myModal').modal('hide');
                    	 $('#child-form')[0].reset();
                    	 location.href='';
					}
                     else
                     {
                    	 $(".alert-danger").html(data.msg);
                     }
							
                 },
                 error:function(data){
                     var msg = '';
                     $.each(data.responseJSON, function (key, value) {
                    	 msg = msg +value+"<br>";
                    	
                     });
                     $(".alert-danger").show()
                     $(".alert-danger").html(msg)
                 }
            })
		})
	})
	
	$('.reset-pwd').click(function(){
		$('#myModal1').modal('show');
		$('#child-form-n #username').val($(this).attr('data'));

		$('#chlid-save1').click(function(){
			$('#child-notify1').hide();
			
            $.ajax({
	           	 url:"{{URL('users/doresetpwd')}}",
	             data:$('#child-form-n').serialize(),
	             dataType:"JSON",
	             type:"POST",
	             success:function(data){
                     if(data.success)
					{
                    	 //$(".alert-danger").show()
                    	 $('#myModal1').modal('hide');
                    	 $('#child-form-n')[0].reset();
                    	 //location.href='';
					}
                     else
                     {
                    	 $(".alert-danger").html(data.msg);
                     }
							
                 },
                 error:function(data){
                     var msg = '';
                     $.each(data.responseJSON, function (key, value) {
                    	 msg = msg +value+"<br>";
                    	
                     });
                     $(".alert-danger").show()
                     $(".alert-danger").html(msg)
                 }
            })
		})
	})
</script>

@endsection