@extends('layouts.app')
@section('header_title', 'System User Administration')
@section('content')
<div class="bg-white rounded-2xl border p-6">
    <h3 class="font-bold text-[#060453] text-lg mb-4">🔐 Staff User Accounts & RBAC Roles</h3>
    <table class="w-full text-left text-sm">
        <thead class="bg-gray-50 text-xs uppercase text-gray-500"><tr><th class="p-3">Name</th><th class="p-3">Email</th><th class="p-3">Branch</th><th class="p-3">Assigned Role</th><th class="p-3">Status</th></tr></thead>
        <tbody class="divide-y">
            @foreach($users as $u)
            <tr><td class="p-3 font-bold">{{ $u->name }}</td><td class="p-3 font-mono">{{ $u->email }}</td><td class="p-3">{{ $u->branch->branch_code ?? 'HQ' }}</td><td class="p-3"><span class="px-2 py-0.5 bg-[#060453] text-white rounded text-xs font-bold">{{ $u->role->name ?? 'Admin' }}</span></td><td class="p-3 text-green-600 font-bold">Active</td></tr>
            @endforeach
        </tbody>
    </table>
</div>
@endsection