@props(['history'])

@if (empty($history))
    <div style="padding:20px;text-align:center;color:#64748b;">Geen updates gevonden</div>
@else
    <div style="display:flex;flex-direction:column;gap:8px;">
        @foreach ($history as $update)
            @php
                $statusColor = $update->status === 'success' ? '#22c55e' : ($update->status === 'pending' ? '#f59e0b' : '#ef4444');
            @endphp
            <div style="display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 16px;">
                <div>
                    <span style="font-weight:600;color:#1e293b;">{{ e($update->type) }}</span>
                    <span style="color:#64748b;margin-left:8px;">{{ e($update->message) }}</span>
                </div>
                <div style="display:flex;align-items:center;gap:8px;">
                    <span style="color:{{ $statusColor }};font-weight:600;">{{ e($update->status) }}</span>
                    <span style="color:#94a3b8;font-size:12px;">{{ e($update->created_at) }}</span>
                </div>
            </div>
        @endforeach
    </div>
@endif