<?php
/**
 * Analytics Dashboard for Space Manager
 * Reads cached space data + message stats and displays visualizations
 */
error_reporting(E_ALL);
ini_set('display_errors', 0);
ini_set('log_errors', 1);
ini_set('error_log', __DIR__ . '/php_errors.log');

define('CACHE_FILE', __DIR__ . '/cache.txt');
define('ANALYTICS_CACHE_FILE', __DIR__ . '/analytics_cache.json');

// ========== LOAD SPACE CACHE ==========
$spaces = [];
$cacheTimestamp = 0;
$cacheAge = '';

if (file_exists(CACHE_FILE)) {
    $cacheContent = @file_get_contents(CACHE_FILE);
    $cacheData = json_decode($cacheContent, true);
    if ($cacheData && isset($cacheData['spaces'])) {
        $spaces = $cacheData['spaces'];
        $cacheTimestamp = $cacheData['timestamp'] ?? 0;
        $ageSeconds = time() - $cacheTimestamp;
        if ($ageSeconds < 3600) {
            $cacheAge = round($ageSeconds / 60) . ' minutes ago';
        } elseif ($ageSeconds < 86400) {
            $cacheAge = round($ageSeconds / 3600, 1) . ' hours ago';
        } else {
            $cacheAge = round($ageSeconds / 86400, 1) . ' days ago';
        }
    }
}

// ========== LOAD MESSAGE STATS ==========
$msgStats = null;
$hasMsgStats = false;
$msgStatsAge = '';
if (file_exists(ANALYTICS_CACHE_FILE)) {
    $msgStats = json_decode(file_get_contents(ANALYTICS_CACHE_FILE), true);
    if ($msgStats && isset($msgStats['total_messages'])) {
        $hasMsgStats = true;
        if (isset($msgStats['timestamp'])) {
            $msgAge = time() - $msgStats['timestamp'];
            if ($msgAge < 3600) $msgStatsAge = round($msgAge / 60) . 'm ago';
            elseif ($msgAge < 86400) $msgStatsAge = round($msgAge / 3600, 1) . 'h ago';
            else $msgStatsAge = round($msgAge / 86400, 1) . 'd ago';
        }
    }
}

$totalSpaces = count($spaces);
$now = time();

// ========== SPACE ANALYTICS (from cache) ==========
$activeToday = 0;
$activeWeek = 0;
$activeMonth = 0;
$dormant30 = 0;

$typeSpaces = 0;
$typeGroupChats = 0;
$typeDMs = 0;

$activityBuckets = [
    'Today' => 0, 'This Week' => 0, 'This Month' => 0,
    '30-90 Days' => 0, '90+ Days' => 0, 'Unknown' => 0
];

$createdByMonth = [];
$memberCountRanges = ['1-5' => 0, '6-10' => 0, '11-25' => 0, '26-50' => 0, '51-100' => 0, '100+' => 0];

$userCoverage = [];
$topSpaces = [];
$dormantSpaces = [];

// Additional derived stats
$totalMembers = 0;
$threadedCount = 0;
$externalCount = 0;
$noDescCount = 0;
$avgMembersSpace = 0;
$avgMembersGroup = 0;
$avgMembersDM = 0;
$spaceMembersTotal = 0;
$groupMembersTotal = 0;
$dmMembersTotal = 0;

// User overlap matrix
$impersonatedUsers = [
    'admin@livetimelapse.com.au', 'ben@livetimelapse.com.au',
    'kerri@livetimelapse.com.au', 'paige@livetimelapse.com.au',
    'adam@livetimelapse.com.au', 'reece@livetimelapse.com.au',
    'billy@livetimelapse.com.au', 'cameron@livetimelapse.com.au'
];

foreach ($impersonatedUsers as $email) {
    $userCoverage[ucfirst(explode('@', $email)[0])] = 0;
}

// Space age distribution
$ageBuckets = ['< 1 month' => 0, '1-3 months' => 0, '3-6 months' => 0, '6-12 months' => 0, '1-2 years' => 0, '2+ years' => 0];

foreach ($spaces as $space) {
    // Type distribution
    switch ($space['type'] ?? '') {
        case 'Space': $typeSpaces++; break;
        case 'Group Chat': $typeGroupChats++; break;
        case 'Direct Message': $typeDMs++; break;
    }

    // Member counts by type
    $mc = $space['member_count'] ?? 0;
    $totalMembers += $mc;
    if ($space['type'] === 'Space') { $spaceMembersTotal += $mc; }
    elseif ($space['type'] === 'Group Chat') { $groupMembersTotal += $mc; }
    else { $dmMembersTotal += $mc; }

    // Threaded/External/Description counts
    if (!empty($space['threaded'])) $threadedCount++;
    if (!empty($space['external_user_allowed'])) $externalCount++;
    if (empty($space['description']) || $space['description'] === '[No Description]') $noDescCount++;

    // Activity analysis
    $lastActive = !empty($space['last_active_time']) ? strtotime($space['last_active_time']) : 0;
    if ($lastActive > 0) {
        $daysSinceActive = ($now - $lastActive) / 86400;
        if ($daysSinceActive < 1) { $activeToday++; $activityBuckets['Today']++; }
        elseif ($daysSinceActive < 7) { $activeWeek++; $activityBuckets['This Week']++; }
        elseif ($daysSinceActive < 30) { $activeMonth++; $activityBuckets['This Month']++; }
        elseif ($daysSinceActive < 90) { $activityBuckets['30-90 Days']++; $dormant30++; }
        else { $activityBuckets['90+ Days']++; }

        if ($daysSinceActive >= 30) {
            $dormantSpaces[] = [
                'name' => $space['display_name'], 'space_id' => $space['space_id'],
                'type' => $space['type'], 'last_active' => $space['last_active_time'],
                'days_dormant' => round($daysSinceActive), 'member_count' => $mc
            ];
        }
    } else {
        $activityBuckets['Unknown']++;
    }

    // Creation timeline
    if (!empty($space['create_time']) && $space['create_time'] !== 'Unknown') {
        $createTs = strtotime($space['create_time']);
        if ($createTs > 0) {
            $monthKey = date('Y-m', $createTs);
            $createdByMonth[$monthKey] = ($createdByMonth[$monthKey] ?? 0) + 1;

            // Age distribution
            $ageMonths = ($now - $createTs) / (86400 * 30);
            if ($ageMonths < 1) $ageBuckets['< 1 month']++;
            elseif ($ageMonths < 3) $ageBuckets['1-3 months']++;
            elseif ($ageMonths < 6) $ageBuckets['3-6 months']++;
            elseif ($ageMonths < 12) $ageBuckets['6-12 months']++;
            elseif ($ageMonths < 24) $ageBuckets['1-2 years']++;
            else $ageBuckets['2+ years']++;
        }
    }

    // Member count ranges
    if ($mc > 100) $memberCountRanges['100+']++;
    elseif ($mc > 50) $memberCountRanges['51-100']++;
    elseif ($mc > 25) $memberCountRanges['26-50']++;
    elseif ($mc > 10) $memberCountRanges['11-25']++;
    elseif ($mc > 5) $memberCountRanges['6-10']++;
    else $memberCountRanges['1-5']++;

    // Top spaces by member count
    if ($mc > 0 && $space['type'] !== 'Direct Message') {
        $topSpaces[] = ['name' => $space['display_name'], 'space_id' => $space['space_id'],
            'member_count' => $mc, 'type' => $space['type']];
    }

    // User coverage
    if (isset($space['users']) && is_array($space['users'])) {
        foreach ($space['users'] as $email) {
            $userName = ucfirst(explode('@', $email)[0]);
            if (isset($userCoverage[$userName])) $userCoverage[$userName]++;
        }
    }
}

// Averages
$avgMembersSpace = $typeSpaces > 0 ? round($spaceMembersTotal / $typeSpaces, 1) : 0;
$avgMembersGroup = $typeGroupChats > 0 ? round($groupMembersTotal / $typeGroupChats, 1) : 0;
$avgMembersDM = $typeDMs > 0 ? round($dmMembersTotal / $typeDMs, 1) : 0;

// Sort collections
usort($topSpaces, function($a, $b) { return $b['member_count'] - $a['member_count']; });
$topSpaces = array_slice($topSpaces, 0, 20);

usort($dormantSpaces, function($a, $b) { return $b['days_dormant'] - $a['days_dormant']; });
$dormantTop = array_slice($dormantSpaces, 0, 30);

ksort($createdByMonth);
$recentMonths = array_slice($createdByMonth, -24, 24, true);

// ========== JSON ENCODE FOR JS ==========
$activityBucketsJson = json_encode(array_values($activityBuckets));
$activityLabelsJson = json_encode(array_keys($activityBuckets));
$typeDataJson = json_encode([$typeSpaces, $typeGroupChats, $typeDMs]);
$createdLabelsJson = json_encode(array_keys($recentMonths));
$createdDataJson = json_encode(array_values($recentMonths));
$userLabelsJson = json_encode(array_keys($userCoverage));
$userDataJson = json_encode(array_values($userCoverage));
$memberRangeLabelsJson = json_encode(array_keys($memberCountRanges));
$memberRangeDataJson = json_encode(array_values($memberCountRanges));
$ageBucketLabelsJson = json_encode(array_keys($ageBuckets));
$ageBucketDataJson = json_encode(array_values($ageBuckets));

// Message stats for JS
$msgByUserLabelsJson = '[]';
$msgByUserDataJson = '[]';
$msgByMonthLabelsJson = '[]';
$msgByMonthDataJson = '[]';
$msgByDowLabelsJson = '[]';
$msgByDowDataJson = '[]';
$msgByHourDataJson = json_encode(array_fill(0, 24, 0));
$msgTopSpacesJson = '[]';
$msgUserActivityJson = '{}';

if ($hasMsgStats) {
    $msgByUser = $msgStats['messages_by_user'] ?? [];
    arsort($msgByUser);
    $msgByUserLabelsJson = json_encode(array_keys($msgByUser));
    $msgByUserDataJson = json_encode(array_values($msgByUser));

    $msgByMonth = $msgStats['messages_by_month'] ?? [];
    ksort($msgByMonth);
    $msgByMonthLabelsJson = json_encode(array_keys($msgByMonth));
    $msgByMonthDataJson = json_encode(array_values($msgByMonth));

    $msgByDow = $msgStats['messages_by_day_of_week'] ?? [];
    $msgByDowLabelsJson = json_encode(array_keys($msgByDow));
    $msgByDowDataJson = json_encode(array_values($msgByDow));

    $msgByHourDataJson = json_encode(array_values($msgStats['messages_by_hour'] ?? array_fill(0, 24, 0)));

    // Top spaces by message count
    $topMsgSpaces = [];
    foreach (($msgStats['messages_by_space'] ?? []) as $sn => $info) {
        $topMsgSpaces[] = $info;
    }
    $msgTopSpacesJson = json_encode(array_slice($topMsgSpaces, 0, 20));

    // User space activity
    $msgUserActivityJson = json_encode($msgStats['user_space_activity'] ?? []);
}
?>
<!DOCTYPE html>
<html>
<head>
    <title>Analytics - TLC Space Manager</title>
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/analytics.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <script src="assets/js/error-logger.js" type="1082b48565b9281081f98037-text/javascript"></script>
    <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js" type="1082b48565b9281081f98037-text/javascript"></script>
</head>
<body>
<div class="analytics-container">
    <div class="analytics-header">
        <div class="analytics-header-left">
            <h1><i class="fas fa-chart-bar"></i> Analytics Dashboard</h1>
            <p><?php echo number_format($totalSpaces); ?> spaces | Cache <?php echo $cacheAge ?: 'unknown'; ?><?php if ($hasMsgStats) echo ' | Message stats ' . $msgStatsAge; ?></p>
        </div>
        <div class="analytics-header-right">
            <a href="collect-stats.php" class="btn btn-sm" style="padding: 6px 12px; font-size: 13px; background: #673ab7; color: white; text-decoration: none; border-radius: 4px;"><i class="fas fa-envelope"></i> Collect Message Stats</a>
            <a href="index.html" class="btn btn-primary btn-sm" style="padding: 6px 12px; font-size: 13px; text-decoration: none;"><i class="fas fa-arrow-left"></i> Back to Space Manager</a>
        </div>
    </div>

    <!-- ============ SUMMARY CARDS ============ -->
    <div class="card-grid">
        <div class="stat-card">
            <div class="stat-icon" style="background: #e8f0fe;"><i class="fas fa-layer-group" style="color: #4285f4;"></i></div>
            <div class="stat-info">
                <div class="stat-value"><?php echo number_format($totalSpaces); ?></div>
                <div class="stat-label">Total Spaces</div>
            </div>
        </div>
        <div class="stat-card">
            <div class="stat-icon" style="background: #e6f4ea;"><i class="fas fa-bolt" style="color: #34a853;"></i></div>
            <div class="stat-info">
                <div class="stat-value"><?php echo number_format($activeToday); ?></div>
                <div class="stat-label">Active Today</div>
            </div>
        </div>
        <div class="stat-card">
            <div class="stat-icon" style="background: #fff8e1;"><i class="fas fa-calendar-week" style="color: #f9ab00;"></i></div>
            <div class="stat-info">
                <div class="stat-value"><?php echo number_format($activeToday + $activeWeek); ?></div>
                <div class="stat-label">Active This Week</div>
            </div>
        </div>
        <div class="stat-card">
            <div class="stat-icon" style="background: #fce4ec;"><i class="fas fa-moon" style="color: #ea4335;"></i></div>
            <div class="stat-info">
                <div class="stat-value"><?php echo number_format(count($dormantSpaces)); ?></div>
                <div class="stat-label">Dormant 30+ Days</div>
            </div>
        </div>
        <?php if ($hasMsgStats): ?>
        <div class="stat-card">
            <div class="stat-icon" style="background: #f3e5f5;"><i class="fas fa-envelope" style="color: #673ab7;"></i></div>
            <div class="stat-info">
                <div class="stat-value"><?php echo number_format($msgStats['total_messages'] ?? 0); ?></div>
                <div class="stat-label">Messages (<?php echo $msgStats['days_back'] ?? 0; ?>d)</div>
            </div>
        </div>
        <div class="stat-card">
            <div class="stat-icon" style="background: #e0f7fa;"><i class="fas fa-paper-plane" style="color: #00acc1;"></i></div>
            <div class="stat-info">
                <div class="stat-value"><?php echo number_format($msgStats['avg_messages_per_space'] ?? 0); ?></div>
                <div class="stat-label">Avg Msgs/Space</div>
            </div>
        </div>
        <div class="stat-card">
            <div class="stat-icon" style="background: #fff3e0;"><i class="fas fa-reply" style="color: #ff6f00;"></i></div>
            <div class="stat-info">
                <div class="stat-value"><?php echo ($msgStats['thread_reply_rate'] ?? 0); ?>%</div>
                <div class="stat-label">Thread Reply Rate</div>
            </div>
        </div>
        <div class="stat-card">
            <div class="stat-icon" style="background: #e8eaf6;"><i class="fas fa-building" style="color: #3f51b5;"></i></div>
            <div class="stat-info">
                <div class="stat-value"><?php echo number_format($msgStats['spaces_processed'] ?? 0); ?></div>
                <div class="stat-label">Spaces Scanned</div>
            </div>
        </div>
        <?php endif; ?>
    </div>

    <!-- ============ QUICK STATS ROW ============ -->
    <div class="chart-row">
        <div class="chart-card" style="padding: 16px;">
            <h3><i class="fas fa-info-circle"></i> Space Breakdown</h3>
            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; font-size: 13px;">
                <div><strong><?php echo number_format($typeSpaces); ?></strong> Spaces <span style="color:#5f6368;">(avg <?php echo $avgMembersSpace; ?> members)</span></div>
                <div><strong><?php echo number_format($typeGroupChats); ?></strong> Group Chats <span style="color:#5f6368;">(avg <?php echo $avgMembersGroup; ?> members)</span></div>
                <div><strong><?php echo number_format($typeDMs); ?></strong> Direct Messages</div>
                <div><strong><?php echo number_format($threadedCount); ?></strong> Threaded (<?php echo $totalSpaces > 0 ? round($threadedCount / $totalSpaces * 100, 1) : 0; ?>%)</div>
                <div><strong><?php echo number_format($externalCount); ?></strong> External Allowed (<?php echo $totalSpaces > 0 ? round($externalCount / $totalSpaces * 100, 1) : 0; ?>%)</div>
                <div><strong><?php echo number_format($totalSpaces - $noDescCount); ?></strong> Have Descriptions (<?php echo $totalSpaces > 0 ? round(($totalSpaces - $noDescCount) / $totalSpaces * 100, 1) : 0; ?>%)</div>
                <div><strong><?php echo number_format($totalMembers); ?></strong> Total Memberships</div>
                <div><strong><?php echo $totalSpaces > 0 ? round($totalMembers / $totalSpaces, 1) : 0; ?></strong> Avg Members/Space</div>
            </div>
        </div>
    </div>

    <?php if ($hasMsgStats): ?>
    <!-- ============ MESSAGE STATS SECTION ============ -->
    <div id="messages" style="scroll-margin-top: 20px;"></div>

    <div class="chart-row">
        <div class="chart-card chart-wide" style="background: linear-gradient(135deg, #f3e5f5 0%, #e8eaf6 100%);">
            <h3 style="font-size: 18px;"><i class="fas fa-envelope" style="color: #673ab7;"></i> Message Analytics (Last <?php echo $msgStats['days_back'] ?? 0; ?> Days)</h3>
            <p style="color: #5f6368; font-size: 13px;">Collected <?php echo $msgStats['collection_completed'] ?? 'unknown'; ?> from <?php echo number_format($msgStats['spaces_processed'] ?? 0); ?> spaces in <?php echo round(($msgStats['collection_duration_seconds'] ?? 0) / 60); ?> minutes</p>
        </div>
    </div>

    <!-- Message Volume Charts -->
    <div class="chart-row">
        <div class="chart-card">
            <h3><i class="fas fa-user-edit"></i> Messages by User</h3>
            <div class="chart-wrapper"><canvas id="msgByUserChart"></canvas></div>
        </div>
        <div class="chart-card">
            <h3><i class="fas fa-calendar-alt"></i> Messages by Month</h3>
            <div class="chart-wrapper"><canvas id="msgByMonthChart"></canvas></div>
        </div>
    </div>

    <div class="chart-row">
        <div class="chart-card">
            <h3><i class="fas fa-calendar-day"></i> Messages by Day of Week</h3>
            <div class="chart-wrapper"><canvas id="msgByDowChart"></canvas></div>
        </div>
        <div class="chart-card">
            <h3><i class="fas fa-clock"></i> Messages by Hour of Day (AEST)</h3>
            <div class="chart-wrapper"><canvas id="msgByHourChart"></canvas></div>
        </div>
    </div>

    <!-- Top Spaces by Messages -->
    <div class="table-card">
        <h3><i class="fas fa-fire"></i> Most Active Spaces by Messages</h3>
        <table class="analytics-table">
            <thead>
                <tr><th>#</th><th>Space Name</th><th>Type</th><th>Messages</th><th>Unique Senders</th><th>Members</th><th>Link</th></tr>
            </thead>
            <tbody id="topMsgSpacesBody"></tbody>
        </table>
    </div>

    <!-- User Activity Breakdown -->
    <div class="table-card">
        <h3><i class="fas fa-users-cog"></i> User Messaging Summary</h3>
        <table class="analytics-table">
            <thead>
                <tr><th>User</th><th>Total Messages</th><th>% of Total</th><th>Most Active In</th></tr>
            </thead>
            <tbody id="userSummaryBody"></tbody>
        </table>
    </div>

    <!-- Busiest Days -->
    <?php
    $busiestDays = $msgStats['messages_by_date'] ?? [];
    if (!empty($busiestDays)):
    ?>
    <div class="table-card">
        <h3><i class="fas fa-fire-alt"></i> Busiest Days</h3>
        <table class="analytics-table">
            <thead><tr><th>#</th><th>Date</th><th>Day</th><th>Messages</th><th>Visual</th></tr></thead>
            <tbody>
            <?php
            $rank = 0;
            $maxDayMsgs = max($busiestDays);
            foreach ($busiestDays as $date => $count):
                $rank++;
                $pct = $maxDayMsgs > 0 ? round($count / $maxDayMsgs * 100) : 0;
                $dayName = date('l', strtotime($date));
                $dateFormatted = date('M j, Y', strtotime($date));
            ?>
                <tr>
                    <td><?php echo $rank; ?></td>
                    <td><?php echo $dateFormatted; ?></td>
                    <td><?php echo $dayName; ?></td>
                    <td><strong><?php echo number_format($count); ?></strong></td>
                    <td><div style="background: #e8f0fe; border-radius: 4px; overflow: hidden; height: 20px;"><div style="background: #4285f4; height: 100%; width: <?php echo $pct; ?>%; border-radius: 4px;"></div></div></td>
                </tr>
            <?php endforeach; ?>
            </tbody>
        </table>
    </div>
    <?php endif; ?>

    <?php else: ?>
    <!-- No message stats - show prompt -->
    <div class="chart-row" id="messages">
        <div class="chart-card chart-wide" style="text-align: center; padding: 40px;">
            <i class="fas fa-envelope" style="font-size: 48px; color: #dadce0; margin-bottom: 16px;"></i>
            <h3>Message Statistics Not Yet Collected</h3>
            <p style="color: #5f6368; margin: 10px 0 20px;">Run the message stats collection to see messaging analytics including volume by user, time patterns, and activity breakdown.</p>
            <a href="collect-stats.php" class="btn btn-primary" style="padding: 10px 24px; text-decoration: none; display: inline-block;">
                <i class="fas fa-play"></i> Collect Message Stats
            </a>
        </div>
    </div>
    <?php endif; ?>

    <!-- ============ SPACE CHARTS ============ -->
    <div class="chart-row">
        <div class="chart-card">
            <h3><i class="fas fa-signal"></i> Activity Breakdown</h3>
            <div class="chart-wrapper"><canvas id="activityChart"></canvas></div>
        </div>
        <div class="chart-card">
            <h3><i class="fas fa-shapes"></i> Type Distribution</h3>
            <div class="chart-wrapper"><canvas id="typeChart"></canvas></div>
        </div>
    </div>

    <div class="chart-row">
        <div class="chart-card chart-wide">
            <h3><i class="fas fa-chart-line"></i> Spaces Created Per Month (Last 24 Months)</h3>
            <div class="chart-wrapper-wide"><canvas id="growthChart"></canvas></div>
        </div>
    </div>

    <div class="chart-row">
        <div class="chart-card">
            <h3><i class="fas fa-users"></i> User Coverage (Spaces per User)</h3>
            <div class="chart-wrapper"><canvas id="userChart"></canvas></div>
        </div>
        <div class="chart-card">
            <h3><i class="fas fa-ruler-horizontal"></i> Member Count Distribution</h3>
            <div class="chart-wrapper"><canvas id="memberRangeChart"></canvas></div>
        </div>
    </div>

    <div class="chart-row">
        <div class="chart-card">
            <h3><i class="fas fa-hourglass-half"></i> Space Age Distribution</h3>
            <div class="chart-wrapper"><canvas id="ageChart"></canvas></div>
        </div>
        <div class="chart-card" style="padding: 16px;">
            <h3><i class="fas fa-percentage"></i> Engagement Rates</h3>
            <div style="font-size: 13px; line-height: 2.2;">
            <?php
            foreach ($userCoverage as $user => $count) {
                $pct = $totalSpaces > 0 ? round($count / $totalSpaces * 100, 1) : 0;
                $barWidth = min($pct * 2, 100);
                echo "<div style='display:flex;align-items:center;gap:8px;'>"
                    . "<span style='width:70px;font-weight:600;'>$user</span>"
                    . "<div style='flex:1;background:#f0f0f0;border-radius:4px;height:18px;overflow:hidden;'>"
                    . "<div style='background:#4285f4;height:100%;width:{$barWidth}%;border-radius:4px;'></div></div>"
                    . "<span style='width:60px;text-align:right;color:#5f6368;'>$pct%</span>"
                    . "</div>";
            }
            ?>
            </div>
        </div>
    </div>

    <!-- Top Spaces by Members -->
    <div class="table-card">
        <h3><i class="fas fa-trophy"></i> Top Spaces by Member Count</h3>
        <table class="analytics-table">
            <thead><tr><th>#</th><th>Space Name</th><th>Type</th><th>Members</th><th>Link</th></tr></thead>
            <tbody>
                <?php foreach ($topSpaces as $i => $s): ?>
                <tr>
                    <td><?php echo $i + 1; ?></td>
                    <td><strong><?php echo htmlspecialchars($s['name']); ?></strong></td>
                    <td><?php echo htmlspecialchars($s['type']); ?></td>
                    <td><strong><?php echo number_format($s['member_count']); ?></strong></td>
                    <td><a href="index.html?search=<?php echo urlencode($s['name']); ?>" class="table-link">View</a></td>
                </tr>
                <?php endforeach; ?>
                <?php if (empty($topSpaces)): ?>
                <tr><td colspan="5" style="text-align:center;color:#5f6368;">No data available.</td></tr>
                <?php endif; ?>
            </tbody>
        </table>
    </div>

    <!-- Dormant Spaces -->
    <div class="table-card">
        <h3><i class="fas fa-moon"></i> Dormant Spaces (30+ Days Inactive)</h3>
        <p class="table-subtitle"><?php echo number_format(count($dormantSpaces)); ?> spaces with no activity in 30+ days</p>
        <table class="analytics-table">
            <thead><tr><th>Space Name</th><th>Type</th><th>Members</th><th>Last Active</th><th>Days Dormant</th><th>Link</th></tr></thead>
            <tbody>
                <?php foreach ($dormantTop as $s): ?>
                <tr>
                    <td><?php echo htmlspecialchars($s['name']); ?></td>
                    <td><?php echo htmlspecialchars($s['type']); ?></td>
                    <td><?php echo $s['member_count'] > 0 ? number_format($s['member_count']) : '-'; ?></td>
                    <td><?php echo $s['last_active'] ? date('M j, Y', strtotime($s['last_active'])) : '-'; ?></td>
                    <td><span class="dormant-badge <?php echo $s['days_dormant'] > 90 ? 'dormant-critical' : ($s['days_dormant'] > 60 ? 'dormant-warning' : 'dormant-mild'); ?>"><?php echo number_format($s['days_dormant']); ?> days</span></td>
                    <td><a href="index.html?search=<?php echo urlencode($s['name']); ?>" class="table-link">View</a></td>
                </tr>
                <?php endforeach; ?>
                <?php if (empty($dormantTop)): ?>
                <tr><td colspan="6" style="text-align:center;color:#5f6368;">No dormant spaces found.</td></tr>
                <?php endif; ?>
            </tbody>
        </table>
    </div>
</div>

<script type="1082b48565b9281081f98037-text/javascript">
var colors = {
    blue: '#4285f4', green: '#34a853', yellow: '#fbbc04', red: '#ea4335',
    purple: '#673ab7', cyan: '#00acc1', orange: '#ff6f00', pink: '#e91e63',
    indigo: '#3f51b5', teal: '#009688', brown: '#795548', lime: '#cddc39'
};
var palette = [colors.blue, colors.green, colors.yellow, colors.red, colors.purple, colors.cyan, colors.orange, colors.pink, colors.indigo, colors.teal, colors.brown, colors.lime];

// ===== SPACE CHARTS =====

new Chart(document.getElementById('activityChart'), {
    type: 'bar',
    data: {
        labels: <?php echo $activityLabelsJson; ?>,
        datasets: [{
            label: 'Spaces', data: <?php echo $activityBucketsJson; ?>,
            backgroundColor: [colors.green, colors.blue, colors.yellow, colors.orange, colors.red, '#999'],
            borderRadius: 6
        }]
    },
    options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { display: false } },
        scales: { y: { beginAtZero: true, grid: { color: '#f0f0f0' } }, x: { grid: { display: false } } } }
});

new Chart(document.getElementById('typeChart'), {
    type: 'doughnut',
    data: {
        labels: ['Spaces', 'Group Chats', 'Direct Messages'],
        datasets: [{ data: <?php echo $typeDataJson; ?>, backgroundColor: [colors.blue, colors.green, colors.yellow], borderWidth: 2, borderColor: '#fff' }]
    },
    options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { position: 'bottom', labels: { padding: 15 } } } }
});

new Chart(document.getElementById('growthChart'), {
    type: 'line',
    data: {
        labels: <?php echo $createdLabelsJson; ?>,
        datasets: [{ label: 'Spaces Created', data: <?php echo $createdDataJson; ?>,
            borderColor: colors.blue, backgroundColor: 'rgba(66,133,244,0.1)', fill: true, tension: 0.3, pointRadius: 3 }]
    },
    options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { display: false } },
        scales: { y: { beginAtZero: true, grid: { color: '#f0f0f0' } }, x: { grid: { display: false }, ticks: { maxRotation: 45 } } } }
});

new Chart(document.getElementById('userChart'), {
    type: 'bar',
    data: {
        labels: <?php echo $userLabelsJson; ?>,
        datasets: [{ label: 'Spaces', data: <?php echo $userDataJson; ?>, backgroundColor: palette, borderRadius: 6 }]
    },
    options: { responsive: true, maintainAspectRatio: false, indexAxis: 'y', plugins: { legend: { display: false } },
        scales: { x: { beginAtZero: true, grid: { color: '#f0f0f0' } }, y: { grid: { display: false } } } }
});

new Chart(document.getElementById('memberRangeChart'), {
    type: 'bar',
    data: {
        labels: <?php echo $memberRangeLabelsJson; ?>,
        datasets: [{ label: 'Spaces', data: <?php echo $memberRangeDataJson; ?>, backgroundColor: palette, borderRadius: 6 }]
    },
    options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { display: false } },
        scales: { y: { beginAtZero: true, grid: { color: '#f0f0f0' } }, x: { grid: { display: false } } } }
});

new Chart(document.getElementById('ageChart'), {
    type: 'doughnut',
    data: {
        labels: <?php echo $ageBucketLabelsJson; ?>,
        datasets: [{ data: <?php echo $ageBucketDataJson; ?>, backgroundColor: palette, borderWidth: 2, borderColor: '#fff' }]
    },
    options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { position: 'bottom', labels: { padding: 10, font: { size: 11 } } } } }
});

// ===== MESSAGE CHARTS =====
<?php if ($hasMsgStats): ?>

new Chart(document.getElementById('msgByUserChart'), {
    type: 'bar',
    data: {
        labels: <?php echo $msgByUserLabelsJson; ?>,
        datasets: [{ label: 'Messages', data: <?php echo $msgByUserDataJson; ?>, backgroundColor: palette, borderRadius: 6 }]
    },
    options: { responsive: true, maintainAspectRatio: false, indexAxis: 'y', plugins: { legend: { display: false } },
        scales: { x: { beginAtZero: true, grid: { color: '#f0f0f0' } }, y: { grid: { display: false } } } }
});

new Chart(document.getElementById('msgByMonthChart'), {
    type: 'line',
    data: {
        labels: <?php echo $msgByMonthLabelsJson; ?>,
        datasets: [{ label: 'Messages', data: <?php echo $msgByMonthDataJson; ?>,
            borderColor: colors.purple, backgroundColor: 'rgba(103,58,183,0.1)', fill: true, tension: 0.3, pointRadius: 3 }]
    },
    options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { display: false } },
        scales: { y: { beginAtZero: true, grid: { color: '#f0f0f0' } }, x: { grid: { display: false } } } }
});

new Chart(document.getElementById('msgByDowChart'), {
    type: 'bar',
    data: {
        labels: <?php echo $msgByDowLabelsJson; ?>,
        datasets: [{ label: 'Messages', data: <?php echo $msgByDowDataJson; ?>,
            backgroundColor: [colors.blue, colors.green, colors.yellow, colors.orange, colors.red, colors.purple, colors.cyan],
            borderRadius: 6 }]
    },
    options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { display: false } },
        scales: { y: { beginAtZero: true, grid: { color: '#f0f0f0' } }, x: { grid: { display: false } } } }
});

new Chart(document.getElementById('msgByHourChart'), {
    type: 'bar',
    data: {
        labels: Array.from({length: 24}, function(_, i) { return i.toString().padStart(2, '0') + ':00'; }),
        datasets: [{ label: 'Messages', data: <?php echo $msgByHourDataJson; ?>,
            backgroundColor: function(ctx) {
                var h = ctx.dataIndex;
                if (h >= 9 && h <= 17) return colors.blue;
                if (h >= 7 && h <= 20) return colors.cyan;
                return '#dadce0';
            },
            borderRadius: 4 }]
    },
    options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { display: false } },
        scales: { y: { beginAtZero: true, grid: { color: '#f0f0f0' } }, x: { grid: { display: false }, ticks: { maxRotation: 45, font: { size: 10 } } } } }
});

// Populate top message spaces table
(function() {
    var topMsgSpaces = <?php echo $msgTopSpacesJson; ?>;
    var tbody = document.getElementById('topMsgSpacesBody');
    if (!topMsgSpaces.length) {
        tbody.innerHTML = '<tr><td colspan="7" style="text-align:center;color:#5f6368;">No data.</td></tr>';
        return;
    }
    topMsgSpaces.forEach(function(s, i) {
        tbody.innerHTML += '<tr>'
            + '<td>' + (i+1) + '</td>'
            + '<td><strong>' + (s.display_name || '-') + '</strong></td>'
            + '<td>' + (s.type || '-') + '</td>'
            + '<td><strong>' + s.message_count.toLocaleString() + '</strong></td>'
            + '<td>' + (s.unique_senders || '-') + '</td>'
            + '<td>' + (s.member_count > 0 ? s.member_count.toLocaleString() : '-') + '</td>'
            + '<td><a href="index.html?search=' + encodeURIComponent(s.display_name) + '" class="table-link">View</a></td>'
            + '</tr>';
    });
})();

// Populate user messaging summary
(function() {
    var byUser = <?php echo $msgByUserLabelsJson; ?>;
    var byUserData = <?php echo $msgByUserDataJson; ?>;
    var userActivity = <?php echo $msgUserActivityJson; ?>;
    var totalMsgs = <?php echo $msgStats['total_messages'] ?? 0; ?>;
    var tbody = document.getElementById('userSummaryBody');

    byUser.forEach(function(user, i) {
        var count = byUserData[i] || 0;
        if (count === 0) return;
        var pct = totalMsgs > 0 ? ((count / totalMsgs) * 100).toFixed(1) : '0.0';
        var topSpace = '-';
        if (userActivity[user]) {
            var spaces = Object.entries(userActivity[user]);
            spaces.sort(function(a, b) { return b[1] - a[1]; });
            if (spaces.length > 0) topSpace = spaces[0][0] + ' (' + spaces[0][1].toLocaleString() + ')';
        }
        tbody.innerHTML += '<tr>'
            + '<td><strong>' + user.charAt(0).toUpperCase() + user.slice(1) + '</strong></td>'
            + '<td>' + count.toLocaleString() + '</td>'
            + '<td>' + pct + '%</td>'
            + '<td style="font-size:12px;color:#5f6368;">' + topSpace + '</td>'
            + '</tr>';
    });
})();

<?php endif; ?>
</script>
<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="1082b48565b9281081f98037-|49" defer></script></body>
</html>