@extends('admin.layout')

@section('title', 'User Details')
@section('page-title', 'User Details')
@section('page-icon', 'person-vcard')

@section('content')
<div class="card mb-4">
    <div class="card-body">
        <dl class="row mb-0">
            <dt class="col-sm-3">Name</dt>
            <dd class="col-sm-9">{{ $user->name }}</dd>

            <dt class="col-sm-3">Email</dt>
            <dd class="col-sm-9">{{ $user->email }}</dd>

            <dt class="col-sm-3">Role</dt>
            <dd class="col-sm-9">{{ $user->role?->name ?? '-' }}</dd>

            <dt class="col-sm-3">Team</dt>
            <dd class="col-sm-9">{{ $user->team?->name ?? '-' }}</dd>
        </dl>
    </div>
</div>

<h5 class="mb-3"><i class="bi bi-clock-history"></i> Activity Log</h5>

<div class="card">
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover mb-0 small">
                <thead class="table-light">
                    <tr>
                        <th>Type</th>
                        <th>Description</th>
                        <th>IP</th>
                        <th>Country / City</th>
                        <th>Browser / OS</th>
                        <th>Time</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($activityLogs as $log)
                    <tr>
                        <td>
                            <span class="badge bg-{{ $log->typeBadgeClass() }}">
                                {{ str_replace('_', ' ', ucfirst($log->type)) }}
                            </span>
                        </td>
                        <td>{{ $log->description }}</td>
                        <td class="font-monospace">{{ $log->ip_address ?? '-' }}</td>
                        <td>
                            @if($log->country)
                                {{ $log->country }}{{ $log->city ? ', ' . $log->city : '' }}
                            @else
                                <span class="text-muted">-</span>
                            @endif
                        </td>
                        <td class="text-muted" style="max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;" title="{{ $log->user_agent }}">
                            {{ $log->user_agent ? \Illuminate\Support\Str::limit($log->user_agent, 50) : '-' }}
                        </td>
                        <td class="text-nowrap text-muted">{{ $log->created_at->format('d M Y H:i') }}</td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="6" class="text-center text-muted py-4">No activity recorded yet.</td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
    @if($activityLogs->hasPages())
    <div class="card-footer">
        {{ $activityLogs->links() }}
    </div>
    @endif
</div>
@endsection