@extends('layouts.app')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <h3 class="mb-0">Staff Management</h3>
    <a class="btn btn-primary" href="{{ route('staff.create') }}">Add User</a>
</div>
<div class="card"><div class="table-responsive">
<table class="table mb-0 align-middle">
    <thead class="table-light"><tr><th>Name</th><th>Email</th><th>Role</th><th>Status</th><th>Actions</th></tr></thead>
    <tbody>
    @foreach($users as $u)
        <tr>
            <td>{{ $u->name }}</td>
            <td>{{ $u->email }}</td>
            <td><span class="badge {{ $u->isAdmin() ? 'text-bg-danger' : 'text-bg-info' }}">{{ ucfirst($u->role) }}</span></td>
            <td>{!! $u->is_active ? '<span class="badge text-bg-success">Active</span>' : '<span class="badge text-bg-secondary">Disabled</span>' !!}</td>
            <td class="text-nowrap">
                <a class="btn btn-sm btn-outline-secondary" href="{{ route('staff.edit', $u) }}">Edit</a>
                <form method="POST" action="{{ route('staff.toggle', $u) }}" class="d-inline">@csrf @method('PATCH')<button class="btn btn-sm btn-outline-warning">{{ $u->is_active ? 'Disable' : 'Enable' }}</button></form>
            </td>
        </tr>
    @endforeach
    </tbody>
</table>
</div></div>
<div class="mt-3">{{ $users->links() }}</div>
@endsection