@extends('layouts.app')
@section('title', 'Staff')
@section('content')
<div class="d-flex justify-content-between mb-3">
    <h4>Staff Accounts</h4>
    <a href="{{ route('admin.users.create') }}" class="btn btn-dark btn-sm">+ Add Staff</a>
</div>
<table class="table bg-white">
    <thead><tr><th>Name</th><th>Email</th><th>Role</th><th>Status</th><th></th></tr></thead>
    <tbody>
    @foreach ($users as $u)
    <tr>
        <td>{{ $u->name }}</td>
        <td>{{ $u->email }}</td>
        <td>{{ $u->role->name ?? '-' }}</td>
        <td>{{ $u->is_active ? 'Active' : 'Disabled' }}</td>
        <td>
            <a href="{{ route('admin.users.edit', $u) }}" class="btn btn-sm btn-outline-dark">Edit</a>
            <form method="POST" action="{{ route('admin.users.destroy', $u) }}" class="d-inline" onsubmit="return confirm('Remove this staff account?')">
                @csrf @method('DELETE')
                <button class="btn btn-sm btn-outline-danger">Delete</button>
            </form>
        </td>
    </tr>
    @endforeach
    </tbody>
</table>
@endsection