@extends('layouts.app')
@section('title', 'Log Aktivitas')

@section('content')
<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center flex-wrap gap-2">
        <span><i class="bi bi-clock-history text-hijau"></i> Log Aktivitas (Jejak Perubahan Data)</span>
        <form method="GET" class="d-flex gap-2">
            <select name="objek" class="form-select form-select-sm" onchange="this.form.submit()" style="width:170px">
                <option value="">Semua objek</option>
                @foreach($daftarObjek as $o)
                    <option value="{{ $o }}" @selected($objek === $o)>{{ $o }}</option>
                @endforeach
            </select>
        </form>
    </div>
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead><tr><th>Waktu</th><th>Pelaku</th><th>Aksi</th><th>Objek</th><th>Keterangan</th></tr></thead>
            <tbody>
            @forelse($logs as $log)
                <tr>
                    <td><small class="text-muted">{{ $log->created_at->translatedFormat('d M Y H:i') }}</small></td>
                    <td>{{ $log->user_nama }}</td>
                    <td><span class="badge {{ $log->warnaAksi() }}"><i class="bi bi-{{ $log->iconAksi() }}"></i> {{ ucfirst($log->aksi) }}</span></td>
                    <td>{{ $log->objek }}</td>
                    <td>{{ $log->deskripsi }}</td>
                </tr>
            @empty
                <tr><td colspan="5" class="text-center text-muted py-4">Belum ada aktivitas tercatat.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    <div class="p-3">{{ $logs->links() }}</div>
</div>
@endsection