@extends('layouts.admin')

@section('title', 'User Directory')
@section('header_title', 'Global User Intelligence')

@section('content')
<div class="data-card">
    <div class="card-header">
        <h2>System User Directory</h2>
        <div style="font-size: 0.9rem; color: var(--text-muted);">
            Managing {{ $users->total() }} Registered Profiles
        </div>
    </div>
    <div class="table-wrap">
        <table class="admin-table">
            <thead>
                <tr>
                    <th>Profile Identity</th>
                    <th>Platform Role</th>
                    <th>Auth Method</th>
                    <th>Account Status</th>
                    <th>Registration Timeline</th>
                    <th style="text-align: right;">Directory Actions</th>
                </tr>
            </thead>
            <tbody>
                @foreach($users as $user)
                <tr>
                    <td>
                        <div style="display: flex; gap: 0.75rem; align-items: center;">
                            <div style="width: 40px; height: 40px; background: rgba(255,255,255,0.05); border-radius: 10px; display: flex; align-items: center; justify-content: center; font-weight: 700; color: var(--accent);">
                                {{ substr($user->name, 0, 1) }}
                            </div>
                            <div>
                                <div style="font-weight: 700; color: #fff;">{{ $user->name }}</div>
                                <div style="font-size: 0.75rem; color: var(--text-muted);">{{ $user->email }}</div>
                            </div>
                        </div>
                    </td>
                    <td>
                        <span class="status-pill {{ $user->isAdmin() ? 'pill-danger' : ($user->isOwner() ? 'pill-success' : 'pill-warning') }}">
                            {{ strtoupper($user->role) }}
                        </span>
                    </td>
                    <td><span class="status-pill" style="background: rgba(255,255,255,0.05); color: #fff;">OAUTH / EMAIL</span></td>
                    <td><span class="status-pill pill-success">VERIFIED</span></td>
                    <td>{{ $user->created_at->format('M d, Y') }}</td>
                    <td style="text-align: right;">
                        <div style="display: flex; gap: 0.5rem; justify-content: flex-end;">
                            <a href="{{ route('admin.users.edit', $user) }}" class="btn btn-sm btn-outline"><i class="fas fa-user-edit"></i> Edit</a>
                            <form action="{{ route('admin.users.toggle', $user) }}" method="POST" style="display:inline;">
                                @csrf
                                <button type="submit" class="btn btn-sm btn-outline"><i class="fas fa-shield-alt"></i> Access</button>
                            </form>
                        </div>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    <div style="padding: 1.5rem 2rem; border-top: 1px solid var(--border);">
        {{ $users->links() }}
    </div>
</div>
@endsection