Mini Kabibi Habibi

<?php include 'includes/header.php'; include 'includes/functions.php'; ?>
<?php
$counts = getCounts();
?>
<div id='clock'></div>
<script>
    function updateClock() {
        const now = new Date();
        document.getElementById('clock').textContent = 'Current Time: ' + now.toLocaleTimeString();
    }
    setInterval(updateClock, 1000); updateClock();
</script>

<h1>Welcome ICT Team!</h1>
<div style='display: flex; gap: 20px; margin-top: 20px;'>
    <div style='flex: 1; background: #1ab394; color: white; padding: 20px; border-radius: 5px; text-align: center;'>
        <h2><?= $counts['ongoing'] ?></h2><p>Ongoing Activities</p>
    </div>
    <div style='flex: 1; background: #337ab7; color: white; padding: 20px; border-radius: 5px; text-align: center;'>
        <h2><?= $counts['completed'] ?></h2><p>Completed Activities</p>
    </div>
    <div style='flex: 1; background: #f0ad4e; color: white; padding: 20px; border-radius: 5px; text-align: center;'>
        <h2><?= $counts['leave'] ?></h2><p>Total Leave Schedules</p>
    </div>
</div>
<?php include 'includes/footer.php'; ?>