<?php 
	include('include/header.php');
	 $this->load->model('Admin_model');
?>
<script>
  $(document).ready(function(){
	  // ================== DELETE USER START FROM HERE ========================
 
		 $(".deluser").click(function(){
			var txt;
			var r = confirm("Would you like to delete this user");
			if (r == true) 
			{
				var id = $(".deluser").attr('data-uid');
				alert(id);
				var token = 'deleteuser';		
				 /*$.ajax({
					
					type : 'POST',
					url	 : 'deleteUserById',
					data : {id:id,token:token},
					success : function(res)
					{ 
						if (res)
						{alert(res);
							//$("#rowid_"+res).hide('500');
						}
					}			
					
				 });*/
			} 
			else 
			{
					
			}
			 
		 });
 
			$("#searchUser").change(function()
			{
				var usertype = $("#searchUser").val();
				 
				  $.ajax({
					
					type : 'POST',
					url	 : 'SearchUserByType',
					data : {usertype:usertype},
					success : function(res)
					{  
						if (res)
						{
							$("#hidedata").hide();
							$("#showdata").html(res);
						}
					}			
					
				 });
			});
			
			
	$('#example').DataTable();
  });
  </script>
<style>
	.error {color:#900;}
</style> 
<div class="app-content ng-scope">
    <div class="butterbar hide"><span class="bar"></span></div>
    <a href="" class="off-screen-toggle hide" data-target=".app-aside"></a>
	<div class="ng-scope">
		<div class="hbox bg-light ng-scope"><div>
		<div style="position: fixed;width: 100%;background: #fff; z-index: 2;height: 42px" class="b-b padder">
			<ul class="nav nav-pills nav-sm m-t-xs">
				<li><a class="btn btn-info" href="users">Add New</a></li>
				<li><select required="" name="searchUser" id="searchUser" class="form-control ng-pristine ng-untouched ng-valid ng-valid-required">
						<option value="" class="">Select Group</option>
						<option label="All" selected="selected" value="All">All</option>
						<option label="Admin" value="SU_admin">Admin</option>
						<option label="Owner" value="owner" >Owner</option>
						<option label="Manager" value="manager">Manager</option>
						<option label="Line Manager" value="line_manager">Line Manager</option>
						<!--<option label="End User" value="string:5">End User</option>
						<option label="DSA" value="string:6">DSA</option>
						<option label="Internal" value="string:Internal">Internal</option>-->
					</select>
				</li>
			</ul>
		</div>
	</div>
	<div class="wrapper-md">
		<div class="m-t-md"></div>
		<div class="clearfix"></div>
		<div class="m-t-md"></div>
		<div class="m-t-xs hbox card-applicant"><!--scrollable-table(watch="UsersList.users" table-offset="400")-->
			<div class="panel panel-default">
				<div class="panel-heading font-bold">User List:</div>
				<div class="table-responsive">
					<table id="" class="table table-striped table-bordered" width="100%" cellspacing="0">
						<thead class="thead">
							<tr>
								<th>Name&nbsp;<i class="fa fa-sort-amount-asc"></i></th>
								<th class="col-xs-2">Username&nbsp;<i class="fa fa-sort-amount-asc"></i></th>
								<th class="col-xs-2">Mobile&nbsp;<i class="fa fa-sort-amount-asc"></i></th>
								<th>Email&nbsp;<i class="fa fa-sort-amount-asc"></i></th>
								<th>Group</th>
								<th>Organization</th>
								<th width="15px">Edit</th>
								<th width="15px">Delete</th>
							</tr>
							
						</thead>
						<tbody id="hidedata">
						<?php 
							if (empty($allUser)){
								
						?>
							<tr class="ng-hide">
								<td colspan="10"><h1 class="text-center text-muted ng-scope">No Users</h1><!-- end ngIf: !UsersList.ui.loading --></td>
							</tr><!-- ngRepeat: user in UsersList.users track by $index -->
						<?php } else {	
								/*echo '<pre>';
								print_r($allUser);
								die;*/
								 
								foreach ($allUser as $keyuser=>$valuser){
									
									if ($valuser->db_usertype == 'SU_admin')
									{
										$usertype = 'admin'; 
									}
									else if ($valuser->db_usertype == 'line_manager')
									{
										$usertype = 'Line Manager'; 
									}
									else 
									{
										$usertype = $valuser->db_usertype;
									}
						?>	
							<tr class="animate-repeat bg-white ng-scope" id="rowid_<?php echo $valuser->userId;?>">
								<td class="ng-binding"><?php echo $valuser->db_username;?></td>
								<td class="ng-binding"><?php echo $valuser->db_userLoginName;?></td>
								<td class="ng-binding"><?php echo $valuser->db_phone;?></td>
								<td class="ng-binding"><?php echo $valuser->db_email;?></td>
								<td class="ng-binding"><?php echo $usertype;?></td>
								<td class="ng-binding" href="#">
									<?php 
										$userid = $valuser->userId;
										$usertype = $valuser->db_usertype;
										$data = $this->Admin_model->getAllOrganizationByUserId($usertype,$userid);
										if (!empty($data[0]->db_Orgname)){echo $data[0]->db_Orgname;}
										?>
								</td>
								<td><a class="btn-sm btn btn-success btn-rounded" href="<?php echo base_url();?>index.php/admin/users/<?php echo $valuser->userId;?>">Edit</a></td>
								<td><a class="btn-sm btn btn-primary btn-rounded deluser" data-uid="<?php echo $valuser->userId;?>">Delete</a></td>
							</tr>
						<?php 
								}
							}
						?>
						
					</tbody>
					<tbody id="showdata">
						
					</tbody>
					<tfoot>
						<tr><td><!-- ngIf: UsersList.ui.loading --><!-- ngIf: UsersList.ui.lazyLoad --></td><td></td><td></td></tr>
					</tfoot>
				</table>
			</div>
		</div>
	</div>
</div>
</div>
</div>
  </div>
  <!-- jQuery -->
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>