@extends('layouts.app')
@section('title', __('Users'))
@section('page-title', __('Workspace users'))
@section('page-subtitle', auth()->user()->tenant->name)

@section('content')
<div class="card overflow-hidden">
    <div class="px-6 py-4 border-b border-slate-200/70 dark:border-slate-800 flex flex-col sm:flex-row gap-3 justify-between sm:items-center">
        <form method="GET" class="flex-1 max-w-md">
            <input name="q" value="{{ request('q') }}" class="form-input" placeholder="{{ __('Search by name or email…') }}">
        </form>
        <a href="{{ route('tenant.users.create') }}" class="btn-primary"><x-icon name="plus" class="w-4 h-4"/> {{ __('Invite user') }}</a>
    </div>

    <div class="overflow-x-auto">
        <table class="w-full text-sm">
            <thead class="bg-slate-50 dark:bg-slate-900/60 text-xs uppercase text-slate-500">
                <tr>
                    <th class="text-left px-6 py-3">{{ __('User') }}</th>
                    <th class="text-left px-6 py-3">{{ __('Role') }}</th>
                    <th class="text-left px-6 py-3">{{ __('Status') }}</th>
                    <th class="text-left px-6 py-3">{{ __('Activity (30d)') }}</th>
                    <th class="text-left px-6 py-3">{{ __('Joined') }}</th>
                    <th class="text-right px-6 py-3">{{ __('Actions') }}</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-slate-100 dark:divide-slate-800">
                @forelse($users as $u)
                    @php
                        $pendingUploads  = (int) ($u->pending_uploads_count  ?? 0);
                        $pendingRequests = (int) ($u->pending_requests_count ?? 0);
                        $pendingReview   = (int) ($u->pending_review_count   ?? 0);
                        $pendingFeedback = (int) ($u->pending_feedback_count ?? 0);
                        $pendingTotal    = $pendingUploads + $pendingRequests + $pendingReview + $pendingFeedback;
                    @endphp
                    <tr class="hover:bg-slate-50/60 dark:hover:bg-slate-800/40">
                        <td class="px-6 py-3">
                            <div class="flex items-center gap-3">
                                <span class="relative w-8 h-8 rounded-full bg-brand-100 dark:bg-brand-900/40 text-brand-700 dark:text-brand-300 flex items-center justify-center text-xs font-semibold">
                                    {{ $u->initials() }}
                                    @if($pendingTotal > 0)
                                        <span class="absolute -top-1 -end-1 min-w-[18px] h-[18px] px-1 rounded-full bg-rose-500 text-white text-[10px] font-bold flex items-center justify-center ring-2 ring-white dark:ring-slate-900"
                                              title="{{ __(':n new notification(s)', ['n' => $pendingTotal]) }}">
                                            {{ $pendingTotal > 9 ? '9+' : $pendingTotal }}
                                        </span>
                                    @endif
                                </span>
                                <div class="min-w-0">
                                    <div class="font-medium flex items-center gap-2">
                                        <span class="truncate">{{ $u->name }}</span>
                                        @if($pendingUploads > 0)
                                            <a href="{{ route('tenant.submissions.index', ['uploader_id' => $u->id, 'status' => 'received']) }}"
                                               class="inline-flex items-center gap-1 px-1.5 py-0.5 rounded-full bg-rose-50 dark:bg-rose-900/30 text-rose-700 dark:text-rose-300 ring-1 ring-rose-200 dark:ring-rose-800 text-[10px] font-semibold hover:bg-rose-100 dark:hover:bg-rose-900/50"
                                               title="{{ __('New submissions awaiting review') }}">
                                                <svg class="w-3 h-3" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12"/></svg>
                                                {{ $pendingUploads }} {{ __('new') }}
                                            </a>
                                        @endif
                                        @if($pendingRequests > 0)
                                            <a href="{{ route('tenant.submissions.index', ['uploader_id' => $u->id, 'status' => 'received']) }}"
                                               class="inline-flex items-center gap-1 px-1.5 py-0.5 rounded-full bg-sky-50 dark:bg-sky-900/30 text-sky-700 dark:text-sky-300 ring-1 ring-sky-200 dark:ring-sky-800 text-[10px] font-semibold hover:bg-sky-100 dark:hover:bg-sky-900/50"
                                               title="{{ __('User-initiated analysis requests') }}">
                                                <svg class="w-3 h-3" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"/></svg>
                                                {{ $pendingRequests }} {{ __('requested') }}
                                            </a>
                                        @endif
                                        @if($pendingReview > 0)
                                            <a href="{{ route('tenant.submissions.index', ['uploader_id' => $u->id]) }}"
                                               class="inline-flex items-center gap-1 px-1.5 py-0.5 rounded-full bg-indigo-50 dark:bg-indigo-900/30 text-indigo-700 dark:text-indigo-300 ring-1 ring-indigo-200 dark:ring-indigo-800 text-[10px] font-semibold hover:bg-indigo-100 dark:hover:bg-indigo-900/50"
                                               title="{{ __('Analysis ready for your review') }}">
                                                <svg class="w-3 h-3" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg>
                                                {{ $pendingReview }} {{ __('ready') }}
                                            </a>
                                        @endif
                                        @if($pendingFeedback > 0)
                                            <a href="{{ route('tenant.submissions.index', ['uploader_id' => $u->id]) }}"
                                               class="inline-flex items-center gap-1 px-1.5 py-0.5 rounded-full bg-amber-50 dark:bg-amber-900/30 text-amber-700 dark:text-amber-300 ring-1 ring-amber-200 dark:ring-amber-800 text-[10px] font-semibold hover:bg-amber-100 dark:hover:bg-amber-900/50"
                                               title="{{ __('Client feedback needs your attention') }}">
                                                <svg class="w-3 h-3" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg>
                                                {{ $pendingFeedback }} {{ __('feedback') }}
                                            </a>
                                        @endif
                                    </div>
                                    <div class="text-xs text-slate-500 truncate">{{ $u->email }}</div>
                                </div>
                            </div>
                        </td>
                        <td class="px-6 py-3">
                            <span class="badge-{{ $u->isTenantAdmin() ? 'info' : 'neutral' }} capitalize">{{ str_replace('_',' ',$u->role) }}</span>
                        </td>
                        <td class="px-6 py-3">
                            <span class="{{ $u->is_active ? 'badge-success' : 'badge-warn' }}">{{ $u->is_active ? __('Active') : __('Inactive') }}</span>
                        </td>
                        <td class="px-6 py-3">
                            @php
                                $up = (int) ($u->recent_uploads_count ?? 0);
                                $ev = (int) ($u->recent_evaluations_count ?? 0);
                                $total = $up + $ev;
                            @endphp
                            @if($total === 0)
                                <span class="text-xs text-slate-400">{{ __('No recent activity') }}</span>
                            @else
                                <div class="flex items-center gap-2">
                                    <span class="badge-info text-[10px]" title="{{ __('Submissions uploaded in the last 30 days') }}">
                                        <x-icon name="upload" class="w-3 h-3"/> {{ $up }}
                                    </span>
                                    <span class="badge-success text-[10px]" title="{{ __('Submissions evaluated in the last 30 days') }}">
                                        <x-icon name="check" class="w-3 h-3"/> {{ $ev }}
                                    </span>
                                </div>
                            @endif
                        </td>
                        <td class="px-6 py-3 text-slate-500">{{ $u->created_at?->diffForHumans() }}</td>
                        <td class="px-6 py-3">
                            <div class="flex justify-end gap-1">
                                {{-- 1) Edit --}}
                                <a href="{{ route('tenant.users.edit', $u) }}" class="btn-ghost"
                                   title="{{ __('Edit user') }}">
                                    <x-icon name="edit" class="w-4 h-4"/>
                                </a>

                                {{-- 2) Impersonate (any user in same tenant, except self) --}}
                                @if($u->id !== auth()->id() && $u->is_active)
                                    <form method="POST" action="{{ route('tenant.users.impersonate', $u) }}">
                                        @csrf
                                        <button class="btn-ghost text-sky-600" title="{{ __('Sign in as this user') }}">
                                            <x-icon name="shield" class="w-4 h-4"/>
                                        </button>
                                    </form>
                                @endif

                                {{-- 3) Delete --}}
                                @if($u->id !== auth()->id())
                                    <form method="POST" action="{{ route('tenant.users.destroy', $u) }}"
                                          onsubmit="return confirm('{{ __('Delete this user?') }}')">
                                        @csrf @method('DELETE')
                                        <button class="btn-ghost text-rose-600" title="{{ __('Delete user') }}">
                                            <x-icon name="trash" class="w-4 h-4"/>
                                        </button>
                                    </form>
                                @endif
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="px-6 py-12 text-center text-slate-500">{{ __('No users yet.') }}</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="px-6 py-4">{{ $users->links() }}</div>
</div>
@endsection