@extends('admin.layouts.app')
@section('title', 'Activity Log')
@section('breadcrumb')
    <span class="current">Activity Log</span>
@endsection

@section('content')
<div class="page-header">
    <h1 class="page-title">
        <span class="title-icon"><i data-lucide="activity" style="width:20px;height:20px;"></i></span>
        Activity Log
    </h1>
    <p class="page-subtitle">System-wide audit trail of administrative actions</p>
</div>

<div class="admin-table-wrap">
    <div class="admin-table-header">
        <div class="admin-table-title">
            <i data-lucide="activity" class="icon" style="width:14px;height:14px;"></i>
            Recent Activity
        </div>
        <form method="GET" style="display:flex;gap:8px;">
            <select name="action" class="form-control" style="width:140px;">
                <option value="">All Actions</option>
                <option value="login" {{ request('action') === 'login' ? 'selected' : '' }}>Login</option>
                <option value="logout" {{ request('action') === 'logout' ? 'selected' : '' }}>Logout</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>
            </select>
            <button type="submit" class="btn btn-secondary btn-sm">
                <i data-lucide="filter" style="width:12px;height:12px;"></i>
            </button>
        </form>
    </div>
    <div class="table-responsive">
        <table class="admin-table">
            <thead>
                <tr>
                    <th>Time</th>
                    <th>User</th>
                    <th>Action</th>
                    <th>Subject</th>
                    <th>Description</th>
                    <th>IP Address</th>
                </tr>
            </thead>
            <tbody>
                @forelse($logs as $log)
                    @php
                        $actionColors = [
                            'login'  => 'badge-green',  'logout' => 'badge-gray',
                            'create' => 'badge-blue',   'update' => 'badge-orange',
                            'delete' => 'badge-red',    'view'   => 'badge-teal',
                        ];
                        $actionIcons = [
                            'login'  => 'log-in',   'logout' => 'log-out',
                            'create' => 'plus',     'update' => 'pencil',
                            'delete' => 'trash-2',  'view'   => 'eye',
                        ];
                    @endphp
                    <tr>
                        <td style="font-size:11px;color:var(--vsc-text-secondary);white-space:nowrap;">
                            {{ $log->created_at->format('d M Y H:i') }}
                        </td>
                        <td>
                            <div style="display:flex;align-items:center;gap:8px;">
                                <div class="avatar avatar-sm avatar-blue">
                                    {{ strtoupper(substr($log->user?->name ?? 'S', 0, 1)) }}
                                </div>
                                <span style="font-size:12px;color:var(--vsc-text-primary);">{{ $log->user?->name ?? 'System' }}</span>
                            </div>
                        </td>
                        <td>
                            <span class="badge {{ $actionColors[$log->action] ?? 'badge-gray' }}">
                                <i data-lucide="{{ $actionIcons[$log->action] ?? 'zap' }}" style="width:9px;height:9px;"></i>
                                {{ ucfirst($log->action) }}
                            </span>
                        </td>
                        <td style="font-size:12px;color:var(--vsc-text-secondary);">{{ $log->subject_type ?? '—' }}</td>
                        <td style="font-size:12px;color:var(--vsc-text-primary);max-width:280px;">
                            {{ Str::limit($log->description, 60) }}
                        </td>
                        <td style="font-size:11px;font-family:monospace;color:var(--vsc-text-secondary);">{{ $log->ip_address ?? '—' }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" style="text-align:center;padding:48px;color:var(--vsc-text-secondary);">
                            <i data-lucide="activity" style="width:32px;height:32px;display:block;margin:0 auto 12px;opacity:0.3;"></i>
                            No activity recorded yet
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if(isset($logs) && method_exists($logs, 'links') && $logs->hasPages())
        {{ $logs->links('vendor.pagination.admin') }}
    @endif
</div>
@endsection