<x-app-layout><x-slot name="header"><div class="flex justify-between"><div><h1 class="text-2xl font-bold">Staff</h1><p class="text-sm text-slate-500">Manage business access.</p></div><a href="{{ route('staff.create') }}" class="rounded-xl bg-emerald-600 px-4 py-2 text-sm font-semibold text-white">Add staff</a></div></x-slot><div class="mx-auto max-w-5xl px-4 py-8">@if(session('status'))<div class="mb-4 rounded-xl bg-emerald-50 p-3 text-emerald-700">{{ session('status') }}</div>@endif<div class="divide-y rounded-2xl border border-slate-200 bg-white dark:border-slate-800 dark:bg-slate-900">@forelse($staffMembers as $staff)<div class="flex items-center justify-between p-5"><div><p class="font-semibold">{{ $staff->name }}</p><p class="text-sm text-slate-500">{{ $staff->email }} · {{ $staff->is_active?'Active':'Disabled' }}</p></div><a href="{{ route('staff.edit',$staff) }}" class="text-emerald-600">Edit</a></div>@empty<div class="p-12 text-center text-slate-500">No staff accounts.</div>@endforelse</div><div class="mt-4">{{ $staffMembers->links() }}</div></div></x-app-layout>
