<script>
        $(document).ready(function() {
                setInterval(function() {
                        $('#show')
                }, 1500);
        });
</script>
<?php


	echo '<p>Hier onder kunt u de realtime logs bij houden. Deze vensters worden elke seconde vernieuwd om te kijken of het personeel wat nieuws heeft uitgevoerd!</p>';
	echo '<p>U kunt uw logs ook specificeren op:<br />
	<a href="#">- datum</a><br />
	<a href="#">- zoeken datum / datum</a></p>';
	
	$werknemers = $db->query('SELECT * FROM company_users WHERE permission > 1 AND bedrijf = :bedrijf ORDER BY permission DESC', array(':bedrijf' => $data['id']));
	
	foreach($werknemers->fetchAll() as $item){
		
		echo '
		<div class="col-md-6">
			<section class="panel panel-primary">
				<header class="panel-heading">
					<div class="panel-actions">
						<a href="#" class="panel-action panel-action-toggle" data-panel-toggle=""></a>
						<a href="#" class="panel-action panel-action-dismiss" data-panel-dismiss=""></a>
					</div>


					<h2 class="panel-title">'.$item['voornaam'].' '.$item['achternaam'].'</h2>
					<p class="panel-subtitle">Laatste 10 logs</p>
				</header>
				<div class="panel-body">
				
					<div class="table-responsive">
						<table class="table mb-none" class="refresh" id="show">
							<tbody>';
							
							$user = $item['voornaam'].' '.$item['achternaam'];
							$query = $db->query('SELECT * FROM log_overzicht WHERE user = :user ORDER BY id DESC LIMIT 0,10', array(':user' => $user));
							
							foreach($query->fetchAll() as $log){
								
								echo '<tr>
									<td width="25%" style="font-size: 11px;">('.date('d-m', $log['time']).') '.date('H:i:s', $log['time']).'</td>
									<td>'.$log['log'].'</td>
								</tr>';
							}
							
							echo '</tbody>
						</table>
					</div>
				</div>
			</section>
		</div>
		';
		
	}




?>

<script type="text/javascript">
$(function() {
    startRefresh();
});


function startRefresh() {
    setTimeout(startRefresh,1000);
    $.get('../../back-module/logbeheer.php', function(data) {
        $('#show').html(data); 
        $('.refresh').html(data);    
    });
}
</script>

<script type="text/javascript">
$(function() {
    startRefresh();
});


function startRefresh() {
    setTimeout(startRefresh,1000);
    $.get('../../back-module/logbeheer.php', function(data) {
        $("#show").load(location.href + " #show");
    });
}


</script>