@extends('layouts.app')

@section('title', 'Detail Audit Log')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2><i class="bi bi-journal-text"></i> Detail Audit Log</h2>
    <a href="{{ route('audit-log.index') }}" class="btn btn-secondary">
        <i class="bi bi-arrow-left"></i> Kembali
    </a>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header bg-primary text-white">
                <h5 class="mb-0">Informasi Audit Log</h5>
            </div>
            <div class="card-body">
                <table class="table table-borderless">
                    <tr>
                        <th width="20%">Waktu</th>
                        <td>: {{ $auditLog->created_at->format('d/m/Y H:i:s') }}</td>
                    </tr>
                    <tr>
                        <th>User</th>
                        <td>: {{ $auditLog->user ? $auditLog->user->username : 'System' }}</td>
                    </tr>
                    <tr>
                        <th>Aksi</th>
                        <td>: 
                            <span class="badge bg-{{ $auditLog->action == 'CREATE' ? 'success' : ($auditLog->action == 'UPDATE' ? 'warning' : ($auditLog->action == 'DELETE' ? 'danger' : 'info')) }}">
                                {{ $auditLog->action }}
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <th>Tabel</th>
                        <td>: {{ $auditLog->table_name ?? '-' }}</td>
                    </tr>
                    <tr>
                        <th>Record ID</th>
                        <td>: {{ $auditLog->record_id ?? '-' }}</td>
                    </tr>
                    <tr>
                        <th>IP Address</th>
                        <td>: {{ $auditLog->ip_address ?? '-' }}</td>
                    </tr>
                    <tr>
                        <th>User Agent</th>
                        <td>: {{ $auditLog->user_agent ?? '-' }}</td>
                    </tr>
                    <tr>
                        <th>Deskripsi</th>
                        <td>: {{ $auditLog->description ?? '-' }}</td>
                    </tr>
                </table>

                @if($auditLog->old_values || $auditLog->new_values)
                <hr>
                <div class="row">
                    @if($auditLog->old_values)
                    <div class="col-md-6">
                        <h6>Data Lama:</h6>
                        <pre class="bg-light p-3 rounded">{{ json_encode($auditLog->old_values, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</pre>
                    </div>
                    @endif
                    @if($auditLog->new_values)
                    <div class="col-md-6">
                        <h6>Data Baru:</h6>
                        <pre class="bg-light p-3 rounded">{{ json_encode($auditLog->new_values, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</pre>
                    </div>
                    @endif
                </div>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection