@extends('layouts.admin')
@section('title', 'Audit Logs')
@section('page-title', 'Audit Logs')
@section('page-subtitle', 'Complete system activity trail')
@section('content')
<div class="card p-4 mb-6">
    <form action="{{ route('admin.audit.index') }}" method="GET" class="flex flex-wrap gap-3 items-end">
        <div>
            <label class="block text-xs text-gray-500 mb-1">Module</label>
            <select name="module" class="border border-gray-300 rounded-lg px-3 py-2 text-sm">
                <option value="">All Modules</option>
                @foreach(['Authentication','Members','Savings','Loans','Investors','ATM Services','POS','Ledger','Expenses','Users','System'] as $mod)
                <option value="{{ $mod }}" {{ request('module') === $mod ? 'selected' : '' }}>{{ $mod }}</option>
                @endforeach
            </select>
        </div>
        <div>
            <label class="block text-xs text-gray-500 mb-1">Action</label>
            <select name="action" class="border border-gray-300 rounded-lg px-3 py-2 text-sm">
                <option value="">All Actions</option>
                @foreach(['LOGIN','LOGOUT','FAILED_LOGIN','CREATE','UPDATE','DELETE','APPROVE','DISBURSE','REPAYMENT','RECONCILE','SALE','PROFIT_PAYMENT','MANUAL_ENTRY','CREATE_USER'] as $act)
                <option value="{{ $act }}" {{ request('action') === $act ? 'selected' : '' }}>{{ $act }}</option>
                @endforeach
            </select>
        </div>
        <div>
            <label class="block text-xs text-gray-500 mb-1">User</label>
            <input type="text" name="user" value="{{ request('user') }}" placeholder="Search user..." class="border border-gray-300 rounded-lg px-3 py-2 text-sm">
        </div>
        <div>
            <label class="block text-xs text-gray-500 mb-1">From</label>
            <input type="date" name="from" value="{{ request('from') }}" class="border border-gray-300 rounded-lg px-3 py-2 text-sm">
        </div>
        <div>
            <label class="block text-xs text-gray-500 mb-1">To</label>
            <input type="date" name="to" value="{{ request('to') }}" class="border border-gray-300 rounded-lg px-3 py-2 text-sm">
        </div>
        <button type="submit" class="bg-blue-700 text-white px-4 py-2 rounded-lg text-sm"><i class="fas fa-search mr-2"></i>Search</button>
        <a href="{{ route('admin.audit.index') }}" class="border border-gray-300 px-4 py-2 rounded-lg text-sm hover:bg-gray-50">Clear</a>
    </form>
</div>
<div class="card overflow-hidden">
    <div class="overflow-x-auto">
        <table class="w-full text-sm">
            <thead class="bg-gray-50 border-b">
                <tr>
                    <th class="px-4 py-3 text-left">Time</th>
                    <th class="px-4 py-3 text-left">User</th>
                    <th class="px-4 py-3 text-left">Action</th>
                    <th class="px-4 py-3 text-left">Module</th>
                    <th class="px-4 py-3 text-left">Description</th>
                    <th class="px-4 py-3 text-left">IP Address</th>
                    <th class="px-4 py-3 text-center">View</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-100">
                @forelse($logs as $log)
                @php $actionColors = ['LOGIN'=>'bg-green-100 text-green-800','LOGOUT'=>'bg-gray-100 text-gray-700','FAILED_LOGIN'=>'bg-red-100 text-red-800','CREATE'=>'bg-blue-100 text-blue-800','UPDATE'=>'bg-yellow-100 text-yellow-800','DELETE'=>'bg-red-100 text-red-800','APPROVE'=>'bg-green-100 text-green-800','DISBURSE'=>'bg-purple-100 text-purple-800']; @endphp
                <tr class="hover:bg-gray-50">
                    <td class="px-4 py-3 text-xs text-gray-500">{{ $log->created_at->format('d M Y H:i:s') }}</td>
                    <td class="px-4 py-3 font-medium">{{ $log->user_name }}</td>
                    <td class="px-4 py-3">
                        <span class="px-2 py-0.5 rounded text-xs font-medium {{ $actionColors[$log->action] ?? 'bg-gray-100 text-gray-700' }}">
                            {{ $log->action }}
                        </span>
                    </td>
                    <td class="px-4 py-3 text-gray-500">{{ $log->module }}</td>
                    <td class="px-4 py-3 text-gray-700">{{ Str::limit($log->description, 70) }}</td>
                    <td class="px-4 py-3 font-mono text-xs text-gray-400">{{ $log->ip_address }}</td>
                    <td class="px-4 py-3 text-center">
                        <a href="{{ route('admin.audit.show', $log->id) }}" class="text-blue-600 hover:text-blue-800"><i class="fas fa-eye"></i></a>
                    </td>
                </tr>
                @empty
                <tr><td colspan="7" class="px-4 py-8 text-center text-gray-500">No audit logs found.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="px-4 py-3 border-t">{{ $logs->links() }}</div>
</div>
@endsection