{{-- Activity — the desktop installs reporting in for this person. --}}
<div class="wlu-pane-head">
    <h3 class="wlu-pane-title">Activity</h3>
    <span class="wlu-pane-hint">Desktop installs and recent tracking</span>
</div>

<div class="wlu-tiles">
    <div class="wlu-tile">
        <div class="wlu-tile-label">Installs</div>
        <div class="wlu-tile-value">{{ $devices->count() }}</div>
    </div>
    <div class="wlu-tile">
        <div class="wlu-tile-label">Last tracked</div>
        <div class="wlu-tile-value">{{ $activity['last_seen']?->diffForHumans() ?? 'Never' }}</div>
    </div>
    <div class="wlu-tile">
        <div class="wlu-tile-label">Screenshots · 7d</div>
        <div class="wlu-tile-value">{{ number_format($activity['shots_week']) }}</div>
    </div>
</div>

<div class="table-responsive">
    <table class="table table-vcenter card-table">
        <thead>
            <tr><th>Platform</th><th>Version</th><th>Last synced</th><th>Device</th></tr>
        </thead>
        <tbody>
            @forelse ($devices as $device)
                <tr>
                    <td>{{ $device->platform ?: '—' }}</td>
                    <td>{{ $device->app_version ?: '—' }}</td>
                    <td>{{ $device->last_synced_at?->diffForHumans() ?? 'Never' }}</td>
                    <td class="text-secondary small text-truncate" style="max-width: 12rem;">{{ $device->device_id }}</td>
                </tr>
            @empty
                <tr><td colspan="4" class="text-center text-secondary py-3">No desktop install has reported in.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>