<?php
/**
 * Audit Trail & Activity Log
 * Displays all user actions with filtering, pagination, and charts
 */
error_reporting(E_ALL);
ini_set('display_errors', 0);
ini_set('log_errors', 1);
ini_set('error_log', __DIR__ . '/logs/audit.log');

define('AUDIT_LOG_FILE', __DIR__ . '/data/audit_log.json');

// Handle POST requests (AJAX)
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_SERVER['HTTP_X_REQUESTED_WITH'])) {
    while (ob_get_level()) ob_end_clean();
    header('Content-Type: application/json');

    $action = $_POST['action'] ?? '';

    try {
        switch ($action) {
            case 'get_audit_log':
                $page = max(1, intval($_POST['page'] ?? 1));
                $limit = min(100, max(10, intval($_POST['limit'] ?? 50)));
                $filterAction = $_POST['filter_action'] ?? '';
                $filterUser = $_POST['filter_user'] ?? '';
                $filterDateFrom = $_POST['date_from'] ?? '';
                $filterDateTo = $_POST['date_to'] ?? '';
                $search = $_POST['search'] ?? '';

                $entries = [];
                if (file_exists(AUDIT_LOG_FILE)) {
                    $entries = json_decode(file_get_contents(AUDIT_LOG_FILE), true) ?: [];
                }

                // Sort newest first
                usort($entries, function($a, $b) {
                    return strcmp($b['timestamp'] ?? '', $a['timestamp'] ?? '');
                });

                // Apply filters
                if ($filterAction) {
                    $entries = array_filter($entries, function($e) use ($filterAction) {
                        return ($e['action'] ?? '') === $filterAction;
                    });
                }
                if ($filterUser) {
                    $entries = array_filter($entries, function($e) use ($filterUser) {
                        return stripos($e['user'] ?? '', $filterUser) !== false;
                    });
                }
                if ($filterDateFrom) {
                    $from = strtotime($filterDateFrom);
                    $entries = array_filter($entries, function($e) use ($from) {
                        return strtotime($e['timestamp'] ?? '0') >= $from;
                    });
                }
                if ($filterDateTo) {
                    $to = strtotime($filterDateTo . ' 23:59:59');
                    $entries = array_filter($entries, function($e) use ($to) {
                        return strtotime($e['timestamp'] ?? '0') <= $to;
                    });
                }
                if ($search) {
                    $entries = array_filter($entries, function($e) use ($search) {
                        $haystack = strtolower(json_encode($e));
                        return stripos($haystack, strtolower($search)) !== false;
                    });
                }

                $entries = array_values($entries);
                $total = count($entries);
                $totalPages = ceil($total / $limit);
                $offset = ($page - 1) * $limit;
                $pagedEntries = array_slice($entries, $offset, $limit);

                // Build stats for charts
                $actionCounts = [];
                $userCounts = [];
                $dailyCounts = [];
                foreach ($entries as $e) {
                    $a = $e['action'] ?? 'unknown';
                    $actionCounts[$a] = ($actionCounts[$a] ?? 0) + 1;

                    $u = ucfirst(explode('@', $e['user'] ?? 'unknown')[0]);
                    $userCounts[$u] = ($userCounts[$u] ?? 0) + 1;

                    $day = date('Y-m-d', strtotime($e['timestamp'] ?? 'now'));
                    $dailyCounts[$day] = ($dailyCounts[$day] ?? 0) + 1;
                }
                ksort($dailyCounts);

                echo json_encode([
                    'success' => true,
                    'entries' => $pagedEntries,
                    'total' => $total,
                    'page' => $page,
                    'total_pages' => $totalPages,
                    'stats' => [
                        'action_counts' => $actionCounts,
                        'user_counts' => $userCounts,
                        'daily_counts' => $dailyCounts
                    ]
                ]);
                break;

            default:
                echo json_encode(['success' => false, 'error' => 'Invalid action']);
        }
    } catch (Exception $e) {
        echo json_encode(['success' => false, 'error' => $e->getMessage()]);
    }
    exit;
}

// Load summary data for initial page render
$totalEntries = 0;
$recentEntries = [];
$actionTypes = [];
if (file_exists(AUDIT_LOG_FILE)) {
    $allEntries = json_decode(file_get_contents(AUDIT_LOG_FILE), true) ?: [];
    $totalEntries = count($allEntries);
    usort($allEntries, function($a, $b) {
        return strcmp($b['timestamp'] ?? '', $a['timestamp'] ?? '');
    });
    $recentEntries = array_slice($allEntries, 0, 50);
    foreach ($allEntries as $e) {
        $a = $e['action'] ?? 'unknown';
        $actionTypes[$a] = ($actionTypes[$a] ?? 0) + 1;
    }
}
?>
<!DOCTYPE html>
<html>
<head>
    <title>Audit Trail - Space Manager</title>
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <script src="https://cdn.jsdelivr.net/npm/chart.js" type="acedcfd650c70aa7078ce507-text/javascript"></script>
    <script src="assets/js/error-logger.js" type="acedcfd650c70aa7078ce507-text/javascript"></script>
    <style>
        .audit-container { max-width: 1400px; margin: 0 auto; padding: 20px; }
        .audit-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; flex-wrap: wrap; gap: 12px; }
        .audit-header h1 { font-size: 24px; display: flex; align-items: center; gap: 8px; }
        .audit-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; margin-bottom: 24px; }
        .audit-card { background: white; border-radius: 8px; padding: 16px; box-shadow: 0 1px 3px rgba(0,0,0,0.12); text-align: center; }
        .audit-card .card-value { font-size: 28px; font-weight: 700; }
        .audit-card .card-label { font-size: 12px; color: #5f6368; margin-top: 4px; }
        .audit-charts { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 20px; margin-bottom: 24px; }
        .chart-card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.12); }
        .chart-card h3 { font-size: 15px; margin-bottom: 12px; }
        .audit-filters { background: white; border-radius: 8px; padding: 16px 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.12); margin-bottom: 16px; display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
        .audit-filters select, .audit-filters input { padding: 6px 10px; border: 1px solid #dadce0; border-radius: 4px; font-size: 13px; }
        .audit-filters input[type="text"] { min-width: 200px; }
        .audit-table-container { background: white; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.12); overflow: hidden; }
        .audit-table { width: 100%; border-collapse: collapse; }
        .audit-table th { background: #f8f9fa; padding: 10px 14px; text-align: left; font-size: 12px; font-weight: 600; color: #5f6368; text-transform: uppercase; letter-spacing: 0.5px; border-bottom: 1px solid #dadce0; }
        .audit-table td { padding: 10px 14px; border-bottom: 1px solid #f0f0f0; font-size: 13px; }
        .audit-table tr:hover { background: #f8f9fa; }
        .action-badge { display: inline-block; padding: 2px 8px; border-radius: 12px; font-size: 11px; font-weight: 500; }
        .action-badge.join { background: #e6f4ea; color: #137333; }
        .action-badge.leave { background: #fce8e6; color: #c5221f; }
        .action-badge.update { background: #e8f0fe; color: #1967d2; }
        .action-badge.delete { background: #fce8e6; color: #c5221f; }
        .action-badge.tag { background: #fef7e0; color: #e37400; }
        .action-badge.bulk { background: #f3e8fd; color: #7627bb; }
        .action-badge.member { background: #e0f7fa; color: #00838f; }
        .action-badge.template { background: #fce4ec; color: #c62828; }
        .audit-pagination { padding: 12px 20px; display: flex; justify-content: center; gap: 4px; }
        .audit-pagination button { padding: 6px 12px; border: 1px solid #dadce0; background: white; border-radius: 4px; cursor: pointer; font-size: 13px; }
        .audit-pagination button.active { background: #1a73e8; color: white; border-color: #1a73e8; }
        .audit-pagination button:hover:not(.active) { background: #f1f3f4; }
        .empty-state { text-align: center; padding: 60px 20px; color: #5f6368; }
        .empty-state i { font-size: 48px; color: #dadce0; margin-bottom: 16px; }
    </style>
</head>
<body>
<div class="audit-container">
    <div class="audit-header">
        <h1><i class="fas fa-history"></i> Audit Trail</h1>
        <div style="display: flex; gap: 8px;">
            <a href="index.html" class="btn btn-sm" style="padding: 6px 12px; font-size: 13px; background: #5f6368; color: white; text-decoration: none; border-radius: 4px;">
                <i class="fas fa-arrow-left"></i> Back to Spaces
            </a>
            <button class="btn btn-sm" onclick="if (!window.__cfRLUnblockHandlers) return false; loadAuditLog()" style="padding: 6px 12px; font-size: 13px; background: var(--primary-color, #1a73e8); color: white; border: none; border-radius: 4px; cursor: pointer;" data-cf-modified-acedcfd650c70aa7078ce507-="">
                <i class="fas fa-sync"></i> Refresh
            </button>
        </div>
    </div>

    <div class="audit-summary">
        <div class="audit-card">
            <div class="card-value" id="totalEvents"><?php echo $totalEntries; ?></div>
            <div class="card-label">Total Events</div>
        </div>
        <div class="audit-card">
            <div class="card-value" id="todayEvents">-</div>
            <div class="card-label">Today</div>
        </div>
        <div class="audit-card">
            <div class="card-value" id="weekEvents">-</div>
            <div class="card-label">This Week</div>
        </div>
        <div class="audit-card">
            <div class="card-value" id="uniqueUsers">-</div>
            <div class="card-label">Active Users</div>
        </div>
    </div>

    <div class="audit-charts">
        <div class="chart-card">
            <h3>Activity Over Time</h3>
            <canvas id="activityChart" height="200"></canvas>
        </div>
        <div class="chart-card">
            <h3>Actions by Type</h3>
            <canvas id="actionsChart" height="200"></canvas>
        </div>
    </div>

    <div class="audit-filters">
        <select id="filterAction" onchange="if (!window.__cfRLUnblockHandlers) return false; loadAuditLog()" data-cf-modified-acedcfd650c70aa7078ce507-="">
            <option value="">All Actions</option>
            <option value="join_space">Join Space</option>
            <option value="leave_space">Leave Space</option>
            <option value="update_space">Update Space</option>
            <option value="delete_space">Delete Space</option>
            <option value="bulk_join">Bulk Join</option>
            <option value="bulk_leave">Bulk Leave</option>
            <option value="tag_space">Tag Space</option>
            <option value="untag_space">Untag Space</option>
            <option value="add_member">Add Member</option>
            <option value="remove_member">Remove Member</option>
            <option value="create_space">Create Space</option>
            <option value="save_template">Save Template</option>
        </select>
        <select id="filterUser" onchange="if (!window.__cfRLUnblockHandlers) return false; loadAuditLog()" data-cf-modified-acedcfd650c70aa7078ce507-="">
            <option value="">All Users</option>
            <?php foreach (['admin','ben','kerri','paige','adam','reece','billy','cameron'] as $u): ?>
            <option value="<?php echo $u; ?>@livetimelapse.com.au"><?php echo ucfirst($u); ?></option>
            <?php endforeach; ?>
        </select>
        <input type="date" id="filterDateFrom" onchange="if (!window.__cfRLUnblockHandlers) return false; loadAuditLog()" title="From date" data-cf-modified-acedcfd650c70aa7078ce507-="">
        <input type="date" id="filterDateTo" onchange="if (!window.__cfRLUnblockHandlers) return false; loadAuditLog()" title="To date" data-cf-modified-acedcfd650c70aa7078ce507-="">
        <input type="text" id="filterSearch" placeholder="Search events..." onkeyup="if (!window.__cfRLUnblockHandlers) return false; if(event.key==='Enter')loadAuditLog()" data-cf-modified-acedcfd650c70aa7078ce507-="">
        <button onclick="if (!window.__cfRLUnblockHandlers) return false; loadAuditLog()" class="btn btn-sm" style="padding: 6px 12px; background: #1a73e8; color: white; border: none; border-radius: 4px; cursor: pointer;" data-cf-modified-acedcfd650c70aa7078ce507-="">
            <i class="fas fa-search"></i>
        </button>
    </div>

    <div class="audit-table-container">
        <table class="audit-table">
            <thead>
                <tr>
                    <th style="width: 15%;">Timestamp</th>
                    <th style="width: 12%;">User</th>
                    <th style="width: 12%;">Action</th>
                    <th style="width: 20%;">Target</th>
                    <th style="width: 31%;">Details</th>
                    <th style="width: 10%;">IP</th>
                </tr>
            </thead>
            <tbody id="auditTableBody">
                <?php if (empty($recentEntries)): ?>
                <tr><td colspan="6" class="empty-state">
                    <i class="fas fa-clipboard-list"></i>
                    <h3>No audit events yet</h3>
                    <p>Actions performed in the Space Manager will appear here.</p>
                </td></tr>
                <?php else: ?>
                <?php foreach ($recentEntries as $entry): ?>
                <tr>
                    <td style="font-size: 12px; white-space: nowrap;"><?php echo date('M j, Y H:i', strtotime($entry['timestamp'] ?? 'now')); ?></td>
                    <td><?php echo htmlspecialchars(ucfirst(explode('@', $entry['user'] ?? 'unknown')[0])); ?></td>
                    <td><span class="action-badge <?php echo getActionClass($entry['action'] ?? ''); ?>"><?php echo formatAction($entry['action'] ?? ''); ?></span></td>
                    <td title="<?php echo htmlspecialchars($entry['target'] ?? ''); ?>"><?php echo htmlspecialchars(mb_strimwidth($entry['target_name'] ?? $entry['target'] ?? '-', 0, 40, '...')); ?></td>
                    <td style="font-size: 12px; color: #5f6368;"><?php echo htmlspecialchars(formatDetails($entry['details'] ?? [])); ?></td>
                    <td style="font-size: 11px; color: #999;"><?php echo htmlspecialchars($entry['ip'] ?? '-'); ?></td>
                </tr>
                <?php endforeach; ?>
                <?php endif; ?>
            </tbody>
        </table>
        <div class="audit-pagination" id="auditPagination"></div>
    </div>
</div>

<?php
function getActionClass($action) {
    if (strpos($action, 'join') !== false) return 'join';
    if (strpos($action, 'leave') !== false) return 'leave';
    if (strpos($action, 'update') !== false || strpos($action, 'rename') !== false) return 'update';
    if (strpos($action, 'delete') !== false) return 'delete';
    if (strpos($action, 'tag') !== false) return 'tag';
    if (strpos($action, 'bulk') !== false) return 'bulk';
    if (strpos($action, 'member') !== false) return 'member';
    if (strpos($action, 'template') !== false || strpos($action, 'create') !== false) return 'template';
    return '';
}

function formatAction($action) {
    return ucwords(str_replace('_', ' ', $action));
}

function formatDetails($details) {
    if (is_string($details)) return $details;
    if (empty($details)) return '-';
    $parts = [];
    foreach ($details as $k => $v) {
        if (is_array($v)) $v = json_encode($v);
        $parts[] = "$k: $v";
    }
    return implode(', ', array_slice($parts, 0, 3));
}
?>

<script src="assets/js/modules/modal.js" type="acedcfd650c70aa7078ce507-text/javascript"></script>
<script type="acedcfd650c70aa7078ce507-text/javascript">
let currentPage = 1;
let activityChartInstance = null;
let actionsChartInstance = null;

function loadAuditLog(page = 1) {
    currentPage = page;
    const formData = new FormData();
    formData.append('action', 'get_audit_log');
    formData.append('page', page);
    formData.append('limit', 50);
    formData.append('filter_action', document.getElementById('filterAction').value);
    formData.append('filter_user', document.getElementById('filterUser').value);
    formData.append('date_from', document.getElementById('filterDateFrom').value);
    formData.append('date_to', document.getElementById('filterDateTo').value);
    formData.append('search', document.getElementById('filterSearch').value);

    fetch(window.location.pathname, {
        method: 'POST',
        headers: { 'X-Requested-With': 'XMLHttpRequest' },
        body: formData
    })
    .then(r => r.json())
    .then(data => {
        if (!data.success) return;
        renderTable(data.entries);
        renderPagination(data.page, data.total_pages, data.total);
        if (data.stats) {
            renderCharts(data.stats);
            updateSummary(data);
        }
    })
    .catch(err => console.error('Audit load error:', err));
}

function renderTable(entries) {
    const tbody = document.getElementById('auditTableBody');
    if (!entries || entries.length === 0) {
        tbody.innerHTML = '<tr><td colspan="6" style="text-align:center;padding:40px;color:#999;">No events found</td></tr>';
        return;
    }
    tbody.innerHTML = entries.map(e => {
        const ts = new Date(e.timestamp).toLocaleString();
        const user = (e.user || 'unknown').split('@')[0];
        const action = (e.action || '').replace(/_/g, ' ');
        const target = e.target_name || e.target || '-';
        const details = typeof e.details === 'object' ? Object.entries(e.details || {}).slice(0, 3).map(([k,v]) => `${k}: ${v}`).join(', ') : (e.details || '-');
        const actionClass = getActionClass(e.action || '');
        return `<tr>
            <td style="font-size:12px;white-space:nowrap;">${ts}</td>
            <td>${user.charAt(0).toUpperCase() + user.slice(1)}</td>
            <td><span class="action-badge ${actionClass}">${action.charAt(0).toUpperCase() + action.slice(1)}</span></td>
            <td title="${escHtml(e.target || '')}">${escHtml(target.substring(0, 40))}</td>
            <td style="font-size:12px;color:#5f6368;">${escHtml(details.substring(0, 80))}</td>
            <td style="font-size:11px;color:#999;">${e.ip || '-'}</td>
        </tr>`;
    }).join('');
}

function getActionClass(action) {
    if (action.includes('join')) return 'join';
    if (action.includes('leave')) return 'leave';
    if (action.includes('update') || action.includes('rename')) return 'update';
    if (action.includes('delete')) return 'delete';
    if (action.includes('tag')) return 'tag';
    if (action.includes('bulk')) return 'bulk';
    if (action.includes('member')) return 'member';
    if (action.includes('template') || action.includes('create')) return 'template';
    return '';
}

function renderPagination(page, totalPages, total) {
    const container = document.getElementById('auditPagination');
    if (totalPages <= 1) { container.innerHTML = ''; return; }
    let html = '';
    if (page > 1) html += `<button onclick="loadAuditLog(${page-1})">&laquo;</button>`;
    for (let i = Math.max(1, page-2); i <= Math.min(totalPages, page+2); i++) {
        html += `<button class="${i===page?'active':''}" onclick="loadAuditLog(${i})">${i}</button>`;
    }
    if (page < totalPages) html += `<button onclick="loadAuditLog(${page+1})">&raquo;</button>`;
    container.innerHTML = html;
}

function renderCharts(stats) {
    // Activity over time
    const dailyLabels = Object.keys(stats.daily_counts || {}).slice(-14);
    const dailyValues = dailyLabels.map(d => stats.daily_counts[d] || 0);

    if (activityChartInstance) activityChartInstance.destroy();
    const ctx1 = document.getElementById('activityChart').getContext('2d');
    activityChartInstance = new Chart(ctx1, {
        type: 'line',
        data: {
            labels: dailyLabels.map(d => { const dt = new Date(d); return dt.toLocaleDateString('en-US', {month:'short',day:'numeric'}); }),
            datasets: [{ label: 'Events', data: dailyValues, borderColor: '#1a73e8', backgroundColor: 'rgba(26,115,232,0.1)', fill: true, tension: 0.3 }]
        },
        options: { responsive: true, plugins: { legend: { display: false } }, scales: { y: { beginAtZero: true, ticks: { stepSize: 1 } } } }
    });

    // Actions by type
    const actionLabels = Object.keys(stats.action_counts || {}).map(a => a.replace(/_/g, ' '));
    const actionValues = Object.values(stats.action_counts || {});
    const colors = ['#1a73e8','#34a853','#ea4335','#fbbc04','#673ab7','#00acc1','#ff6f00','#c62828','#4285f4','#0f9d58'];

    if (actionsChartInstance) actionsChartInstance.destroy();
    const ctx2 = document.getElementById('actionsChart').getContext('2d');
    actionsChartInstance = new Chart(ctx2, {
        type: 'doughnut',
        data: {
            labels: actionLabels,
            datasets: [{ data: actionValues, backgroundColor: colors.slice(0, actionLabels.length) }]
        },
        options: { responsive: true, plugins: { legend: { position: 'right', labels: { font: { size: 11 } } } } }
    });
}

function updateSummary(data) {
    document.getElementById('totalEvents').textContent = data.total || 0;
    // Calculate today/week from entries
    const now = new Date();
    const today = now.toISOString().split('T')[0];
    const weekAgo = new Date(now - 7*86400000).toISOString().split('T')[0];
    const dailyCounts = data.stats?.daily_counts || {};
    document.getElementById('todayEvents').textContent = dailyCounts[today] || 0;
    let weekTotal = 0;
    Object.entries(dailyCounts).forEach(([d, c]) => { if (d >= weekAgo) weekTotal += c; });
    document.getElementById('weekEvents').textContent = weekTotal;
    document.getElementById('uniqueUsers').textContent = Object.keys(data.stats?.user_counts || {}).length;
}

function escHtml(text) {
    const div = document.createElement('div');
    div.textContent = text;
    return div.innerHTML;
}

// Load on page ready
document.addEventListener('DOMContentLoaded', () => loadAuditLog());
</script>
<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="acedcfd650c70aa7078ce507-|49" defer></script></body>
</html>