@extends('admin/layouts/Adminlayout')

{{-- Page Title --}}
@section('pagetitle')
	<h1>
		Team
	</h1>
@endsection

{{-- Page content --}}


@section('content')
<div id="content" class="col-lg-10 col-sm-10">
	<!-- content starts -->
	<div>
		<ul class="breadcrumb">
			<li><a href="#">Users</a></li>
			<li><a href="#">Team Members</a></li>
		</ul>
		<div class="pull-right">
			{{ Form::open(array('url'=>'admin/team/add'),'GET') }}
				<input type="submit" name="add_team_member" value="Add Team Member" class="btn btn-primary"/>
			{{ Form::close() }}
		</div>
	</div>
	
	<div class="row">
		<div class="box col-md-12">
			<div class="box-inner">
				<div class="row">
					<div class="box col-md-12">
						<div class="box-content">
							<center><h4 id="success_msg"></h4></center>
							<table class="table table-striped table-bordered bootstrap-datatable responsive" id="userslist">
								<thead>
									<tr>
										<th>Sno</th>
										<th>Type</th>
										<th>Username</th>
										<th>Email</th>										
										<th>Status</th>
										<th>Actions</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td></td>
										<td></td>
										<td></td>										
										<td></td>
										<td></td>
										<td></td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div><!--/#content.col-md-0-->

<!-- Approval Stages Modal -->
<div class="modal fade" id="userDetailsModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog"> 
		<div class="modal-content">
			<div class="modal-header">
            	<button data-dismiss="modal" class="close" type="button"><i class="glyphicon glyphicon-remove" style="color:red"></i></button>
                <h3>User Details</h3>
             </div>
			 <div class="modal-body">
             	<p>Here settings can be configured...</p>
             </div>
             <div class="modal-footer">
             	<a data-dismiss="modal" class="btn btn-default" href="#">Close</a>
              </div>

           	  <!-- Loading (remove the following to stop the loading)-->
              <div class="overlay" id="coll_overlay" ></div>
              <div class="loading-img" id="coll_loading" ></div>
           </div>
		</div>    
  </div>
</div>

<script>
var oTable;
$(document).ready(function(){
	//$('#users_list').dataTable().destroy();
	oTable =  $('#userslist').dataTable( {
   		"bProcessing": true,
   		"bServerSide": true,
   		"sAjaxSource": "{{Config::get('app.base_path')}}/admin/users/list",
   		/* "aaSorting": [[ 3, "desc" ]], */
   		"aoColumns": [ null,null,null,null,
					  { 'fnRender' : function( oObj ) {						
							if(oObj.aData[4] != 0) {
								var result = 'Active';
							} else {
								var result = 'Inactive';
							}					
							return result;						
						}   
				  },null
                  /*{ 'sWidth': '7%'  },
				  { 'sWidth': '14%'  },
				  { 'sWidth': '7%'  },
				  { 'sWidth': '7%'  },
				  { 'sWidth': '7%'  }, 
                  { 'sWidth': '14%' }, 
				  { 'sWidth': '14%' }, */
        ], 
   		"aoColumnDefs": [{ "bVisible": false, "aTargets": [0] }],
   		"sPaginationType": "bootstrap",
   		"iDisplayLength" : 30,
   });
   
   $('#userslist_length').addClass('col-md-8');
   
   $('#userDetailsModal').on('show.bs.modal',function(e){
   
   		var userIdarr = $(e.relatedTarget).attr('id');
		var userId = userIdarr.split('_');
		$.get('http://192.168.1.250/abba/public/admin/users/'+userId[1]+"/view", function(data){
			$('#userDetailsModal').find('.modal-body').html(data);
		});
   
   });
   

});

function deleteUser(user_id){
    alertify.confirm("Are you sure you want to delete the User?", function(e) {
        if(e) {
			$.get('http://192.168.1.250/abba/public/admin/users/'+user_id+'/delete', function(data){
				$('#success_msg').html(data);	
			});
			return false;
        }
		else {
			return false;
		}
    });
	

}

</script>
@stop