<? global $vis_language; 
for($i=0; $i < $view_info['page_count']; $i++) {

?>
<div class="panel">                      
	  <div class="panel-body" id="test">
		<ul class="list-group m-t-n m-b-n no-radius m-b-none list-group-lg no-border" >
		<? for($i=0; $i<count($online_staff); $i++){?>
			<? if($online_staff[$i]['user_id'] != '')$staff_id = $online_staff[$i]['user_id']; 
			else $staff_id = $online_staff[$i]['staff_id']; ?>
		<li class="list-group-item">
  <? if($online_staff[$i]['image_name']!='' && is_file(VIS_PATH_PROFILE.$online_staff[$i]['image_name']) && $online_staff[$i]['image_name']!='default.jpg'){?>
<div class="l-avatar pull-left m-t m-r-sm">
<img src="<?= VIS_PATH_PROFILE.$online_staff[$i]['image_name'];?>" class="sm">
</div>
<? }else{ ?>
<div class="l-avatar pull-left m-t m-r-sm">
<? if($online_staff[$i]['first_name']!=''){
	$firstname=preg_split('//u', $online_staff[$i]['first_name'], -1, PREG_SPLIT_NO_EMPTY);
$lastname=preg_split('//u', $online_staff[$i]['last_name'], -1, PREG_SPLIT_NO_EMPTY);
	?>
<div class="sm"><? echo ucfirst($firstname[0]).ucfirst($lastname[0]);?></div>
    <? }else{ ?>
    <img class="sm" src="<?= VIS_PATH_PROFILE.'default.jpg';?>">
    <? }?>

</div>
<? }?>

		  <!--<div class="thumb-sm pull-left m-t avatar m-r-sm">
			<img src="<? //= VIS_PATH_PROFILE.($online_staff[$i]['image_name']!='' && is_file(VIS_PATH_PROFILE.$online_staff[$i]['image_name']) ? $online_staff[$i]['image_name'] : 'default.jpg');?>" class="img-circle"> 
		  </div>-->
		  <div class="clear">
			  <div class="pull-right m-t-xs rnd">
				   <?php $title = 'title="'.$vis_language['TXTPOINTS'] .' : '.$online_staff[$i]['staff_point'].'"' ;?>
				<ul class="xs no-padder">
					<li class="<?php echo ($online_staff[$i]['level_id'] == 1)? 'active': '';?>">
						<? if($online_staff[$i]['level_id'] == 1) { ?>
						<a data-placement="bottom" data-toggle="tooltip" href="javascript:void(0);" <?php echo ($online_staff[$i]['staff_point'] != 0 && $online_staff[$i]['level_id'] == 1)?$title:'';?>><i class="vh vh-pawn"></i></a>
						<? }else{ ?><i class="vh vh-pawn"></i><? } ?>
					</li>
					<li class="<?php echo ($online_staff[$i]['level_id'] == 2)? 'active': '';?>">
						<? if($online_staff[$i]['level_id'] == 2) { ?>
						<a data-placement="bottom" data-toggle="tooltip" href="javascript:void(0);" <?php echo ($online_staff[$i]['staff_point'] != 0 && $online_staff[$i]['level_id'] == 2)?$title:'';?>>
							<i class="vh vh-knight"></i>
						</a>
						<? }else{ ?><i class="vh vh-knight"></i><? } ?>
					</li>
					<li class="<?php echo ($online_staff[$i]['level_id'] == 3)? 'active': '';?>">
						<? if($online_staff[$i]['level_id'] == 3) { ?>
						<a data-placement="bottom" data-toggle="tooltip" href="javascript:void(0);" <?php echo ($online_staff[$i]['staff_point'] != 0 && $online_staff[$i]['level_id'] == 3)?$title:'';?>>
							<i class="vh vh-bishop"></i>
						</a>
						<? }else{ ?><i class="vh vh-bishop"></i><? } ?>
					</li>
					<li class="<?php echo ($online_staff[$i]['level_id'] == 4)? 'active': '';?>">
						<? if($online_staff[$i]['level_id'] == 4) { ?>
						<a data-placement="bottom" data-toggle="tooltip" href="javascript:void(0);" <?php echo ($online_staff[$i]['staff_point'] != 0 && $online_staff[$i]['level_id'] == 4)?$title:'';?>>
							<i class="vh vh-rook"></i>
						</a>
						<? }else{ ?><i class="vh vh-rook"></i><? } ?>
					</li>
					<li class="<?php echo ($online_staff[$i]['level_id'] == 5)? 'active': '';?>">
						<? if($online_staff[$i]['level_id'] == 5) { ?>
						<a data-placement="bottom" data-toggle="tooltip" href="javascript:void(0);" <?php echo ($online_staff[$i]['staff_point'] != 0 && $online_staff[$i]['level_id'] == 5)?$title:'';?>>
							<i class="vh vh-queen"></i>
						</a>
						 <? }else{ ?><i class="vh vh-queen"></i><? } ?>
					</li>
					<li class="<?php echo ($online_staff[$i]['level_id'] == 6)? 'active': '';?>">
						<? if($online_staff[$i]['level_id'] == 6) { ?>
						<a data-placement="bottom" data-toggle="tooltip" href="javascript:void(0);" <?php echo ($online_staff[$i]['staff_point'] != 0 && $online_staff[$i]['level_id'] == 6)?$title:'';?>>
							<i class="vh vh-king"></i>
						</a>
						<? }else{ ?><i class="vh vh-king"></i><? } ?>
					</li>
				</ul>
			</div>   
			<div class="pull-left col-sm-6">
				<div class="block">
				  <span class="h5 m-b-sm font-bold"><a class="text-muted" href="#/home/profile_view/<? echo $vis_language['TXTPROFILE'];?>/<? echo $staff_id;?>"><? echo $online_staff[$i]['first_name'].' '.$online_staff[$i]['last_name']; ?></a></span>                                
				</div>
			  <div class="col-sm-6 p-l-none">			
			  <small>
				<? if(!empty($online_staff[$i]['email'])): ?>  
					<b><? echo $vis_language['TXTEMAIL']; ?>:</b> <a class="text-muted" href="#/home/profile_view/<? echo $vis_language['TXTPROFILE'];?>/<? echo $staff_id;?>"><? echo $online_staff[$i]['email']; ?></a>
				<? endif; ?>	
				<div class="block"><b><? echo $vis_language['TXTJOBTITLE']; ?>:</b> <a class="text-muted" href="#/home/profile_view/<? echo $vis_language['TXTPROFILE'];?>/<? echo $staff_id;?>"><? echo $online_staff[$i]['job_title']; ?></a></div>
				<div class="block"><b><? echo $vis_language['TXTBADGEEARN']; ?>:</b> </div>
				
			  </small>
			  </div>  							 
			</div> 
			<div class="pull-left col-sm-12">
			 <? if($online_staff[$i]['badgeList'] != ''){
			        $badgeList = explode(', ',$online_staff[$i]['badgeList']);
			        for($j=0;$j<=count($badgeList);$j++){ 
						if($badgeList[$j]!='') { ?>  
				<div class="<?php echo $badgeList[$j];?>"></div>
				<? } } } ?>
				</div>                          
			
		  </div>
		</li>
		<? } ?>
	  </ul>
	  </div>
  </div>
  <? } ?>
