{{template "main.html" .}}
{{define "title"}}Activity Log — Congo Dev{{end}}
{{define "content"}}
<div class="max-w-3xl mx-auto px-6 py-8">
    <h1 class="text-2xl font-bold mb-6">Activity Log</h1>
    {{range $entry := work.LogEntries}}
    <div class="bg-white rounded-lg p-4 mb-2" style="border: 1px solid rgba(100,130,180,0.08);">
        <div class="flex items-center gap-2 mb-1">
            <span class="text-xs px-2 py-0.5 rounded" style="background: rgba(79,142,247,0.08); color: #4f8ef7;">{{$entry.Type}}</span>
            <span class="text-xs" style="color: #8b95a8;">{{$entry.Author}}</span>
            <span class="text-xs" style="color: #b0b8c8;">{{$entry.CreatedAt.Format "Jan 2, 3:04 PM"}}</span>
        </div>
        <p class="text-sm font-semibold" style="color: #1a1a2e;">{{$entry.Summary}}</p>
        {{if $entry.Detail}}<p class="text-xs mt-1" style="color: #4a5568; white-space: pre-wrap;">{{$entry.Detail}}</p>{{end}}
    </div>
    {{end}}
    {{if not work.LogEntries}}
    <div class="bg-white rounded-lg p-8 text-center" style="border: 1px solid rgba(100,130,180,0.08);">
        <p class="text-sm" style="color: #8b95a8;">No log entries yet. The twin will start logging here.</p>
    </div>
    {{end}}
</div>
{{end}}