@props([
    'logs' => [],
])

<div {{ $attributes->merge(['class' => 'bg-[#0d1220] border border-[#1b2233] rounded-[9px] max-h-[260px] overflow-y-auto']) }}>
    @if(is_array($logs) && count($logs) > 0)
        @foreach($logs as $log)
            <x-audit-log-item
                :type="$log['type'] ?? 'violation'"
                :details="$log['details'] ?? ''"
                :timestamp="$log['timestamp'] ?? null"
                :screenshotUrl="$log['screenshot_url'] ?? null"
                :aiVerdict="$log['ai_verdict'] ?? null"
            />
        @endforeach
    @else
        <div class="p-4 text-center text-[#21c274] text-xs font-medium">
            <i class="fa-solid fa-circle-check mr-1"></i> Zero proctoring violations recorded.
        </div>
    @endif
</div>