@extends('layouts.admin')

@section('content')
<div class="p-6">
    <div class="mb-6">
        <h1 class="text-2xl font-bold font-display text-ink-900">Score Audit Logs</h1>
    </div>

    <div class="bg-white border border-graphite-400/30 rounded overflow-hidden">
        <table class="min-w-full divide-y divide-graphite-400/30">
            <thead class="bg-paper-50">
                <tr>
                    <th class="px-6 py-3 text-left text-xs font-medium text-graphite-400 uppercase">Answer ID</th>
                    <th class="px-6 py-3 text-left text-xs font-medium text-graphite-400 uppercase">Examiner Name</th>
                    <th class="px-6 py-3 text-left text-xs font-medium text-graphite-400 uppercase">Question #</th>
                    <th class="px-6 py-3 text-left text-xs font-medium text-graphite-400 uppercase">Previous Score</th>
                    <th class="px-6 py-3 text-left text-xs font-medium text-graphite-400 uppercase">New Score</th>
                    <th class="px-6 py-3 text-left text-xs font-medium text-graphite-400 uppercase">Reason</th>
                    <th class="px-6 py-3 text-left text-xs font-medium text-graphite-400 uppercase">Created At</th>
                </tr>
            </thead>
            <tbody class="bg-white divide-y divide-graphite-400/30">
                @forelse($auditLogs as $log)
                    <tr>
                        <td class="px-6 py-4 text-sm text-ink-900">{{ $log->answer_id }}</td>
                        <td class="px-6 py-4 text-sm text-ink-900">{{ $log->examiner_name ?? '-' }}</td>
                        <td class="px-6 py-4 text-sm text-ink-900">{{ $log->question_number ?? '-' }}</td>
                        <td class="px-6 py-4 text-sm text-ink-900">{{ $log->previous_score }}</td>
                        <td class="px-6 py-4 text-sm text-ink-900">{{ $log->new_score }}</td>
                        <td class="px-6 py-4 text-sm text-ink-900 max-w-xs truncate">{{ $log->reason ?? '-' }}</td>
                        <td class="px-6 py-4 text-sm text-ink-900">{{ $log->created_at?->format('Y-m-d H:i') ?? '-' }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="7" class="px-6 py-4 text-sm text-graphite-400 text-center">No audit logs found.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="mt-4">
        {{ $auditLogs->links() }}
    </div>
</div>
@endsection