@extends('admin.layouts.app')

@section('title', 'Activity Logs')

@section('page-title', 'Activity Logs')

@section('content')
<div class="bg-white rounded-lg shadow-sm">
    <div class="p-4 border-b">
        <form method="GET" class="flex flex-wrap gap-4 items-end">
            <div>
                <label class="block text-sm text-gray-600 mb-1">Search</label>
                <input type="text" name="search" value="{{ request('search') }}" placeholder="Search description..." 
                    class="px-3 py-2 border rounded-lg focus:ring-2 focus:ring-gold focus:border-transparent">
            </div>
            <div>
                <label class="block text-sm text-gray-600 mb-1">User</label>
                <select name="user_id" class="px-3 py-2 border rounded-lg focus:ring-2 focus:ring-gold focus:border-transparent">
                    <option value="">All Users</option>
                    @foreach($users as $user)
                        <option value="{{ $user->id }}" {{ request('user_id') == $user->id ? 'selected' : '' }}>
                            {{ $user->name }}
                        </option>
                    @endforeach
                </select>
            </div>
            <div>
                <label class="block text-sm text-gray-600 mb-1">Action</label>
                <select name="action" class="px-3 py-2 border rounded-lg focus:ring-2 focus:ring-gold focus:border-transparent">
                    <option value="">All Actions</option>
                    <option value="create" {{ request('action') == 'create' ? 'selected' : '' }}>Created</option>
                    <option value="update" {{ request('action') == 'update' ? 'selected' : '' }}>Updated</option>
                    <option value="delete" {{ request('action') == 'delete' ? 'selected' : '' }}>Deleted</option>
                    <option value="login" {{ request('action') == 'login' ? 'selected' : '' }}>Login</option>
                    <option value="logout" {{ request('action') == 'logout' ? 'selected' : '' }}>Logout</option>
                </select>
            </div>
            <button type="submit" class="bg-gold hover:bg-gold-dark text-white px-4 py-2 rounded-lg">
                Filter
            </button>
            <a href="{{ route('admin.activity-logs.index') }}" class="bg-gray-500 hover:bg-gray-600 text-white px-4 py-2 rounded-lg">
                Clear
            </a>
        </form>
    </div>

    <table class="w-full">
        <thead class="bg-gray-50">
            <tr>
                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Date</th>
                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">User</th>
                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Action</th>
                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Description</th>
                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">IP Address</th>
            </tr>
        </thead>
        <tbody class="divide-y divide-gray-200">
            @forelse($logs as $log)
            <tr class="hover:bg-gray-50">
                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-600">
                    {{ $log->created_at->format('M d, Y H:i:s') }}
                </td>
                <td class="px-6 py-4 whitespace-nowrap">
                    @if($log->user)
                        <span class="font-medium">{{ $log->user->name }}</span>
                        <span class="text-gray-500 text-sm">({{ $log->user->roles->first()?->name }})</span>
                    @else
                        <span class="text-gray-400">System</span>
                    @endif
                </td>
                <td class="px-6 py-4 whitespace-nowrap">
                    @switch($log->action)
                        @case('create')
                            <span class="px-2 py-1 text-xs rounded-full bg-green-100 text-green-800">Created</span>
                            @break
                        @case('update')
                            <span class="px-2 py-1 text-xs rounded-full bg-blue-100 text-blue-800">Updated</span>
                            @break
                        @case('delete')
                            <span class="px-2 py-1 text-xs rounded-full bg-red-100 text-red-800">Deleted</span>
                            @break
                        @case('login')
                            <span class="px-2 py-1 text-xs rounded-full bg-purple-100 text-purple-800">Login</span>
                            @break
                        @case('logout')
                            <span class="px-2 py-1 text-xs rounded-full bg-gray-100 text-gray-800">Logout</span>
                            @break
                        @default
                            <span class="px-2 py-1 text-xs rounded-full bg-gray-100 text-gray-800">{{ $log->action }}</span>
                    @endswitch
                </td>
                <td class="px-6 py-4 text-sm text-gray-700">
                    {{ $log->description }}
                </td>
                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
                    {{ $log->ip_address ?? 'N/A' }}
                </td>
            </tr>
            @empty
            <tr>
                <td colspan="5" class="px-6 py-8 text-center text-gray-500">
                    No activity logs found.
                </td>
            </tr>
            @endforelse
        </tbody>
    </table>

    <div class="p-4 border-t">
        {{ $logs->links() }}
    </div>
</div>
@endsection