@extends('layouts/home/logined_new')

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

@section('content')

<div class='user-ads'>
		<img src='{{Session::get('login_img')}}' style='width:100%;height:160px'>
</div>
<div id='user-child'>
<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">

				
			<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> {{trans('common.btn_add')}}
        	</button>
        </p>
			<table class="table table-bordered" style="text-align: center;font-size:14px">
   <thead>
      <tr style="background:#f2fbff;text-align:center">
         <th style='text-align: center'>{{trans('common.user_account')}}</th>
         <th style='text-align: center'>{{trans('common.user_addtime')}}</th>
         <th style='text-align: center'>{{trans('common.user_project')}}</th>
         <th style='text-align: center'>{{trans('common.user_design')}}</th>
          <th style='text-align: center'>{{trans('common.user_act')}}</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">{{trans('common.user_view')}}</a></td>
         <td><a href='{{URL('users/works')}}/{{$v['id']}}' target="_blank">{{trans('common.user_view')}}</a></td>
         <td>
         
         	<a href='#' class='reset-pwd' data="{{$v['username']}}">{{trans('common.user_updatepwd')}}</a> |
         	<a href='#' class='delete-child' data="{{$v['id']}}">{{trans('common.user_del')}}</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">
              {{trans('common.user_add_child')}}
            </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">{{trans('common.user_account')}}：</label>
			      <div class="col-sm-10">
			         <input type="text" class="form-control" id="username" name="username"
			            placeholder="{{trans('common.user_input_account')}}">
			      </div>
			   </div>
			   <div class="form-group">
			      <label for="lastname" class="col-sm-2 control-label">{{trans('common.user_pwd')}}：</label>
			      <div class="col-sm-10">
			         <input type="password" class="form-control" id="password" name="password" 
			            placeholder="{{trans('common.user_input_pwd')}}">
			      </div>
			   </div>
			   <div class="form-group">
			      <label for="lastname" class="col-sm-2 control-label">{{trans('common.user_reppwd')}}：</label>
			      <div class="col-sm-10">
			         <input type="password" class="form-control" id="confirm_password" name="confirm_password"
			            placeholder="{{trans('common.user_input_pwd')}}">
			      </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">
               {{trans('common.btn_close')}}
            </button>
            <button type="button" class="btn btn-primary" id='chlid-save'>
              {{trans('common.btn_add')}}
            </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">
              {{trans('common.user_updatepwd')}}
            </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">{{trans('common.user_account')}}：</label>
			      <div class="col-sm-10">
			         <input type="text" class="form-control" id="username" name="username"
			            placeholder="{{trans('common.user_input_account')}}" 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="old_password" name="old_password" 
			            placeholder="请输入原密码">
			      </div> 
			   </div>-->
			   <div class="form-group">
			      <label for="lastname" class="col-sm-2 control-label">{{trans('common.user_pwd')}}：</label>
			      <div class="col-sm-10">
			         <input type="password" class="form-control" id="password" name="password" 
			            placeholder="{{trans('common.user_input_pwd')}}">
			      </div>
			   </div>
			   
			   <div class="form-group">
			      <label for="lastname" class="col-sm-2 control-label">{{trans('common.user_reppwd')}}：</label>
			      <div class="col-sm-10">
			         <input type="password" class="form-control" id="confirm_password" name="confirm_password"
			            placeholder="{{trans('common.user_input_pwd')}}">
			      </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">
               close
            </button>
            <button type="button" class="btn btn-primary" id='chlid-save1'>
              add
            </button>
         </div>
      </div><!-- /.modal-content -->
   </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<script type="text/javascript">
	
	$('.delete-child').click(function(){
		  var r=confirm("{{trans('common.user_confirm_del_child')}}")
		  if (r==true)
		    {
			  post_str = {'_token':"{{csrf_token()}}","id":$(this).attr('data')};
			  $.ajax({
		           	 url:"{{URL('users/delete')}}",
		             data:post_str,
		             dataType:"JSON",
		             type:"POST",
		             success:function(data){
	                     if(data.success)
						{
	                    	 //$(".alert-danger").show()
	                    	
	                    	 //location.href='';
	                    	 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!")
		    }
	})

	$('#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