@extends('layouts.app')

@section('title', 'Activity Log — ' . $user->name)
@section('page-title', $user->name . ' — Activity Log')

@section('content')
<div class="d-flex align-items-center gap-2 mb-4">
    <a href="{{ route('admin.staff.show', $user) }}" class="text-muted text-decoration-none small">
        <i class="bi bi-arrow-left me-1"></i>Back to {{ $user->name }}
    </a>
</div>

<div class="card border-0 shadow-sm">
    <div class="card-header bg-white border-bottom py-3 px-4 d-flex align-items-center gap-3">
        <div class="rounded-circle d-flex align-items-center justify-content-center text-white fw-semibold flex-shrink-0"
             style="width:38px;height:38px;background:#1a2a4a;font-size:15px">
            {{ strtoupper(substr($user->name, 0, 1)) }}
        </div>
        <div>
            <div class="fw-semibold">{{ $user->name }}</div>
            <div class="text-muted small">{{ $user->email }}</div>
        </div>
    </div>

    <div class="card-body p-0">
        @if($logs->isEmpty())
            <div class="text-center py-5 text-muted">
                <i class="bi bi-activity fs-1 d-block mb-2 opacity-25"></i>
                <p class="mb-0">No activity recorded for this staff member yet.</p>
                <p class="small mt-1">Activity will appear here as modules are used.</p>
            </div>
        @else
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0">
                    <thead class="table-light">
                        <tr>
                            <th class="ps-4">Activity</th>
                            <th>Action Type</th>
                            <th>Date & Time</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($logs as $log)
                        <tr>
                            <td class="ps-4">
                                <div class="small fw-medium">{{ $log->description }}</div>
                                @if($log->subject_type && $log->subject_id)
                                    <div class="text-muted" style="font-size:0.75rem">
                                        {{ class_basename($log->subject_type) }} #{{ $log->subject_id }}
                                    </div>
                                @endif
                            </td>
                            <td>
                                <span class="badge bg-light text-muted border" style="font-size:0.75rem">
                                    {{ $log->action }}
                                </span>
                            </td>
                            <td class="text-muted small">
                                {{ $log->created_at->format('d M Y, h:i A') }}
                                <div style="font-size:0.7rem">{{ $log->created_at->diffForHumans() }}</div>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            @if($logs->hasPages())
                <div class="px-4 py-3 border-top">
                    {{ $logs->links() }}
                </div>
            @endif
        @endif
    </div>
</div>
@endsection