@extends('layouts.app')
@section('title', 'User Management')
@section('content')
<div class="page-header">
    <div>
        <div class="page-title">User Management</div>
        <div class="page-subtitle">Manage team members, roles and access control</div>
    </div>
    <div class="page-actions">
        <a href="{{ route('settings.users.create') }}" class="btn btn-primary"><i class="fas fa-plus"></i> Add User</a>
        <a href="{{ route('settings.activity-log') }}" class="btn btn-secondary"><i class="fas fa-list-alt"></i> Activity Log</a>
        <a href="{{ route('settings.login-history') }}" class="btn btn-secondary"><i class="fas fa-clock"></i> Login History</a>
    </div>
</div>

<div style="display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px">
    <div class="stat-card blue"><div class="stat-icon blue"><i class="fas fa-users"></i></div><div class="stat-label">Total Users</div><div class="stat-value">{{ $stats['total'] }}</div></div>
    <div class="stat-card green"><div class="stat-icon green"><i class="fas fa-user-check"></i></div><div class="stat-label">Active</div><div class="stat-value">{{ $stats['active'] }}</div></div>
    <div class="stat-card amber"><div class="stat-icon amber"><i class="fas fa-circle" style="font-size:9px"></i></div><div class="stat-label">Online Now</div><div class="stat-value">{{ $stats['online'] }}</div><div class="stat-change" style="color:var(--text-muted)">Last 8 hours</div></div>
    <div class="stat-card blue"><div class="stat-icon blue"><i class="fas fa-shield-alt"></i></div><div class="stat-label">Admins</div><div class="stat-value">{{ $stats['by_role']['admin'] ?? 0 }}</div></div>
</div>

<div class="card mb-4">
    <div class="card-body" style="padding:12px 18px">
        <form method="GET" style="display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end">
            <input type="text" name="search" class="form-control" placeholder="Name or email..." value="{{ request('search') }}" style="max-width:240px">
            <select name="role" class="form-control" style="max-width:150px">
                <option value="">All Roles</option>
                @foreach(['admin','manager','accountant','hr','sales','purchase','warehouse','readonly'] as $r)
                <option value="{{ $r }}" {{ request('role')===$r?'selected':'' }}>{{ ucfirst($r) }}</option>
                @endforeach
            </select>
            <select name="status" class="form-control" style="max-width:130px">
                <option value="">All Status</option>
                <option value="1" {{ request('status')==='1'?'selected':'' }}>Active</option>
                <option value="0" {{ request('status')==='0'?'selected':'' }}>Inactive</option>
            </select>
            <button type="submit" class="btn btn-primary"><i class="fas fa-search"></i></button>
            @if(request()->hasAny(['search','role','status']))<a href="{{ route('settings.users.index') }}" class="btn btn-secondary">Clear</a>@endif
        </form>
    </div>
</div>

<div class="card">
    <div class="table-wrapper">
        <table>
            <thead><tr><th>User</th><th>Role</th><th>Designation</th><th>Last Login</th><th>Status</th><th class="text-center">Actions</th></tr></thead>
            <tbody>
                @forelse($users as $user)
                <tr>
                    <td>
                        <div style="display:flex;align-items:center;gap:10px">
                            <div style="width:34px;height:34px;border-radius:8px;background:var(--primary);display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:12px;flex-shrink:0">{{ strtoupper(substr($user->name,0,2)) }}</div>
                            <div><div style="font-weight:600;font-size:13px">{{ $user->name }}</div><div style="font-size:11px;color:var(--text-muted)">{{ $user->email }}</div></div>
                        </div>
                    </td>
                    <td>
                        @php $rc=['admin'=>'danger','manager'=>'primary','accountant'=>'info','hr'=>'purple','sales'=>'success','purchase'=>'warning','warehouse'=>'secondary','readonly'=>'secondary']; @endphp
                        <span class="badge badge-{{ $rc[$user->role]??'secondary' }}">{{ ucfirst($user->role) }}</span>
                    </td>
                    <td style="color:var(--text-muted);font-size:13px">{{ $user->designation ?? '—' }}</td>
                    <td style="font-size:12px">
                        @if($user->last_login_at)
                            {{ $user->last_login_at->format('d M Y H:i') }}
                            <div style="color:var(--text-muted);font-size:11px">{{ $user->last_login_at->diffForHumans() }}</div>
                        @else <span style="color:var(--text-muted)">Never</span> @endif
                    </td>
                    <td>
                        <span class="badge badge-{{ $user->is_active ? 'success' : 'secondary' }}">{{ $user->is_active ? 'Active' : 'Inactive' }}</span>
                        @if($user->id===auth()->id())<span class="badge badge-primary" style="margin-left:4px">You</span>@endif
                    </td>
                    <td class="text-center">
                        <div style="display:flex;gap:4px;justify-content:center">
                            <a href="{{ route('settings.users.show',$user) }}" class="btn btn-xs btn-secondary"><i class="fas fa-eye"></i></a>
                            <a href="{{ route('settings.users.edit',$user) }}" class="btn btn-xs btn-secondary"><i class="fas fa-edit"></i></a>
                            @if($user->id!==auth()->id())
                            <form method="POST" action="{{ route('settings.users.toggle',$user) }}" style="display:inline">@csrf @method('PATCH')
                                <button type="submit" class="btn btn-xs btn-{{ $user->is_active?'warning':'success' }}" title="{{ $user->is_active?'Deactivate':'Activate' }}"><i class="fas fa-{{ $user->is_active?'ban':'check' }}"></i></button>
                            </form>
                            <form method="POST" action="{{ route('settings.users.destroy',$user) }}" style="display:inline" onsubmit="return confirm('Delete {{ $user->name }}?')">@csrf @method('DELETE')
                                <button type="submit" class="btn btn-xs btn-danger"><i class="fas fa-trash"></i></button>
                            </form>
                            @endif
                        </div>
                    </td>
                </tr>
                @empty
                <tr><td colspan="6" class="text-center text-muted" style="padding:40px">No users found. <a href="{{ route('settings.users.create') }}">Add your first user</a></td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($users->hasPages())
    <div class="card-footer" style="display:flex;justify-content:space-between;align-items:center">
        <div style="font-size:13px;color:var(--text-muted)">{{ $users->firstItem() }}–{{ $users->lastItem() }} of {{ $users->total() }}</div>
        {{ $users->withQueryString()->links() }}
    </div>
    @endif
</div>
@endsection