@extends('layouts.app')

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

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h2><i class="bi bi-journal-text"></i> Audit Log</h2>
        <p class="text-muted mb-0"><i class="bi bi-info-circle"></i> Log aktivitas sistem - Hanya untuk Kepala Tata Usaha</p>
    </div>
</div>

<div class="card">
    <div class="card-body">
        <form method="GET" action="{{ route('audit-log.index') }}" class="mb-3">
            <div class="row g-3">
                <div class="col-md-2">
                    <select name="action" class="form-select">
                        <option value="">Semua Aksi</option>
                        <option value="CREATE" {{ request('action') == 'CREATE' ? 'selected' : '' }}>CREATE</option>
                        <option value="UPDATE" {{ request('action') == 'UPDATE' ? 'selected' : '' }}>UPDATE</option>
                        <option value="DELETE" {{ request('action') == 'DELETE' ? 'selected' : '' }}>DELETE</option>
                        <option value="LOGIN_SUCCESS" {{ request('action') == 'LOGIN_SUCCESS' ? 'selected' : '' }}>LOGIN_SUCCESS</option>
                        <option value="LOGIN_FAILED" {{ request('action') == 'LOGIN_FAILED' ? 'selected' : '' }}>LOGIN_FAILED</option>
                        <option value="LOGOUT" {{ request('action') == 'LOGOUT' ? 'selected' : '' }}>LOGOUT</option>
                        <option value="IMPORT_ABSENSI" {{ request('action') == 'IMPORT_ABSENSI' ? 'selected' : '' }}>IMPORT_ABSENSI</option>
                        <option value="IMPORT_CUTI" {{ request('action') == 'IMPORT_CUTI' ? 'selected' : '' }}>IMPORT_CUTI</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <select name="table_name" class="form-select">
                        <option value="">Semua Tabel</option>
                        @if(isset($tableNames))
                        @foreach($tableNames as $table)
                        <option value="{{ $table }}" {{ request('table_name') == $table ? 'selected' : '' }}>{{ $table }}</option>
                        @endforeach
                        @else
                        <option value="users" {{ request('table_name') == 'users' ? 'selected' : '' }}>users</option>
                        <option value="pegawai" {{ request('table_name') == 'pegawai' ? 'selected' : '' }}>pegawai</option>
                        <option value="absensi" {{ request('table_name') == 'absensi' ? 'selected' : '' }}>absensi</option>
                        <option value="cuti" {{ request('table_name') == 'cuti' ? 'selected' : '' }}>cuti</option>
                        <option value="gaji" {{ request('table_name') == 'gaji' ? 'selected' : '' }}>gaji</option>
                        @endif
                    </select>
                </div>
                @if(isset($users))
                <div class="col-md-3">
                    <select name="user_id" class="form-select">
                        <option value="">Semua User</option>
                        @foreach($users as $user)
                        <option value="{{ $user->id }}" {{ request('user_id') == $user->id ? 'selected' : '' }}>
                            {{ $user->username }}
                        </option>
                        @endforeach
                    </select>
                </div>
                @endif
                <div class="col-md-2">
                    <input type="date" name="date_from" class="form-control" value="{{ request('date_from') }}" placeholder="Dari Tanggal">
                </div>
                <div class="col-md-2">
                    <input type="date" name="date_to" class="form-control" value="{{ request('date_to') }}" placeholder="Sampai Tanggal">
                </div>
                <div class="col-md-2">
                    <button type="submit" class="btn btn-primary w-100">
                        <i class="bi bi-search"></i> Filter
                    </button>
                </div>
            </div>
        </form>

        <div class="table-responsive">
            <table class="table table-hover align-middle">
                <thead>
                    <tr>
                        <th><i class="bi bi-clock me-1"></i> Waktu</th>
                        <th><i class="bi bi-person me-1"></i> User</th>
                        <th><i class="bi bi-activity me-1"></i> Aksi</th>
                        <th><i class="bi bi-table me-1"></i> Tabel</th>
                        <th><i class="bi bi-hash me-1"></i> Record ID</th>
                        <th><i class="bi bi-file-text me-1"></i> Deskripsi</th>
                        <th><i class="bi bi-globe me-1"></i> IP Address</th>
                        <th class="text-center"><i class="bi bi-gear me-1"></i> Aksi</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($auditLogs as $log)
                    <tr>
                        <td>{{ $log->created_at->format('d/m/Y H:i:s') }}</td>
                        <td>{{ $log->user ? $log->user->username : 'System' }}</td>
                        <td>
                            <span class="badge bg-{{ $log->action == 'CREATE' ? 'success' : ($log->action == 'UPDATE' ? 'warning' : ($log->action == 'DELETE' ? 'danger' : 'info')) }}">
                                {{ $log->action }}
                            </span>
                        </td>
                        <td>{{ $log->table_name ?? '-' }}</td>
                        <td>{{ $log->record_id ?? '-' }}</td>
                        <td>{{ Str::limit($log->description ?? '-', 50) }}</td>
                        <td>{{ $log->ip_address ?? '-' }}</td>
                        <td class="text-center">
                            <a href="{{ route('audit-log.show', $log) }}" class="btn btn-sm btn-info">
                                <i class="bi bi-eye"></i> Detail
                            </a>
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="8" class="text-center">Tidak ada data audit log</td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

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