@extends('layouts.admin')

@section('title', 'Staff — ' . ($tenant->business_name ?? $tenant->name))

@include('admin._shared_styles')

@section('content')
    <div class="page-header">
        <div>
            <h1><i class="fas fa-user-shield" style="color:var(--accent); margin-right:0.5rem;"></i> {{ $tenant->business_name ?? $tenant->name }}</h1>
            <div class="subtitle">Staff roster · {{ $customRoles->count() }} custom role(s)</div>
        </div>
        <a href="{{ route('admin.rbac') }}" class="btn btn-outline"><i class="fas fa-arrow-left"></i> Back</a>
    </div>

    <div class="table-card" style="margin-bottom:1.5rem;">
        <table class="admin-table">
            <thead>
                <tr><th>Name</th><th>Email</th><th>Role</th><th>Custom Role</th><th>Status</th></tr>
            </thead>
            <tbody>
                @forelse($staff as $s)
                    <tr>
                        <td style="font-weight:500;">{{ $s->user->name ?? '—' }}</td>
                        <td>{{ $s->user->email ?? '—' }}</td>
                        <td><span class="badge badge-info">{{ ucfirst($s->role ?? 'staff') }}</span></td>
                        <td>{{ $s->customRole->name ?? '—' }}</td>
                        <td>
                            <span class="badge badge-{{ $s->is_active ? 'success' : 'muted' }}">{{ $s->is_active ? 'Active' : 'Inactive' }}</span>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="empty-state"><i class="fas fa-users"></i> No staff for this tenant.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="table-card">
        <div style="padding:1rem 1.25rem; border-bottom:1px solid var(--border); font-weight:600;">Custom Roles</div>
        <table class="admin-table">
            <thead><tr><th>Name</th><th>Slug</th><th>Permissions</th><th>Created</th></tr></thead>
            <tbody>
                @forelse($customRoles as $r)
                    <tr>
                        <td style="font-weight:500;">{{ $r->name }}</td>
                        <td style="font-family:monospace; color:var(--text-secondary);">{{ $r->slug }}</td>
                        <td>{{ is_array($r->permissions ?? null) ? count($r->permissions) . ' perms' : '—' }}</td>
                        <td style="color:var(--text-secondary);">{{ $r->created_at?->format('M d, Y') }}</td>
                    </tr>
                @empty
                    <tr><td colspan="4" class="empty-state"><i class="fas fa-id-badge"></i> No custom roles defined.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
@endsection