{{-- Audit Log Section --}}
<div class="card card-outline card-secondary mt-3">
    <div class="card-header">
        <h3 class="card-title"><i class="fas fa-history mr-1"></i> Riwayat Perubahan</h3>
        <div class="card-tools">
            <button type="button" class="btn btn-tool" data-card-widget="collapse">
                <i class="fas fa-minus"></i>
            </button>
        </div>
    </div>
    <div class="card-body p-0">
        @if($auditLogs->isEmpty())
            <p class="text-muted text-center py-3 mb-0">Belum ada riwayat perubahan.</p>
        @else
        <div class="table-responsive">
            <table class="table table-sm table-striped mb-0">
                <thead class="thead-light">
                    <tr>
                        <th width="140">Waktu</th>
                        <th width="80">Aksi</th>
                        <th width="150">Oleh</th>
                        <th>Detail Perubahan</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($auditLogs as $log)
                    <tr>
                        <td class="text-nowrap align-top">{{ $log->created_at->format('d/m/Y H:i:s') }}</td>
                        <td class="align-top">{!! $log->event_badge !!}</td>
                        <td class="align-top">{{ $log->user_name ?? '-' }}</td>
                        <td>
                            @if($log->event === 'created' && $log->new_values)
                                @foreach($log->new_values as $field => $val)
                                    <div class="mb-1">
                                        <span class="text-muted text-xs font-weight-bold">{{ $field }}:</span>
                                        <span class="text-success text-xs ml-1">{{ is_array($val) ? json_encode($val) : ($val ?? '-') }}</span>
                                    </div>
                                @endforeach
                            @elseif($log->event === 'updated' && $log->new_values)
                                @php
                                    $changed = [];
                                    foreach ($log->new_values as $field => $newVal) {
                                        $oldVal = $log->old_values[$field] ?? null;
                                        if (json_encode($oldVal) != json_encode($newVal)) {
                                            $changed[$field] = ['old' => $oldVal, 'new' => $newVal];
                                        }
                                    }
                                @endphp
                                @if(empty($changed))
                                    <small class="text-muted">Tidak ada perubahan terdeteksi</small>
                                @else
                                    @foreach($changed as $field => $diff)
                                        <div class="mb-1">
                                            <span class="text-muted text-xs font-weight-bold">{{ $field }}:</span>
                                            @if(is_array($diff['old']) || is_array($diff['new']))
                                                <div class="ml-2 mt-1">
                                                    @php
                                                        $oldArr = is_array($diff['old']) ? $diff['old'] : [];
                                                        $newArr = is_array($diff['new']) ? $diff['new'] : [];
                                                    @endphp
                                                    @if(!empty($oldArr))
                                                    <div class="mb-1">
                                                        <strong class="text-danger text-xs">Sebelum:</strong>
                                                        <table class="table table-xs table-bordered mt-1 mb-1" style="font-size:11px;">
                                                            <tbody>
                                                                @foreach($oldArr as $item)
                                                                    <tr>
                                                                        @foreach((array)$item as $k => $v)
                                                                            <td><strong>{{ $k }}</strong>: {{ is_array($v) ? json_encode($v) : $v }}</td>
                                                                        @endforeach
                                                                    </tr>
                                                                @endforeach
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                    @endif
                                                    @if(!empty($newArr))
                                                    <div>
                                                        <strong class="text-success text-xs">Sesudah:</strong>
                                                        <table class="table table-xs table-bordered mt-1 mb-0" style="font-size:11px;">
                                                            <tbody>
                                                                @foreach($newArr as $item)
                                                                    <tr>
                                                                        @foreach((array)$item as $k => $v)
                                                                            <td><strong>{{ $k }}</strong>: {{ is_array($v) ? json_encode($v) : $v }}</td>
                                                                        @endforeach
                                                                    </tr>
                                                                @endforeach
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                    @endif
                                                </div>
                                            @else
                                                <span class="text-danger text-xs ml-1">{{ $diff['old'] ?? '-' }}</span>
                                                <i class="fas fa-arrow-right text-xs text-muted mx-1"></i>
                                                <span class="text-success text-xs">{{ $diff['new'] ?? '-' }}</span>
                                            @endif
                                        </div>
                                    @endforeach
                                @endif
                            @elseif($log->event === 'deleted')
                                <small class="text-muted">Data dinonaktifkan/dihapus</small>
                                @if($log->new_values)
                                    @foreach($log->new_values as $field => $val)
                                        <div class="mb-1">
                                            <span class="text-muted text-xs font-weight-bold">{{ $field }}:</span>
                                            <span class="text-xs ml-1">{{ is_array($val) ? json_encode($val) : ($val ?? '-') }}</span>
                                        </div>
                                    @endforeach
                                @endif
                            @endif
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @endif
    </div>
</div>