@extends('layouts.admin')
@section('title','Staff')
@section('page-title','Staff')
@section('content')
<div class="page-header"><h1>Staff Members</h1><a href="{{ route('admin.staff.create') }}" class="btn btn-primary">+ Add Staff</a></div>
<div class="card">
    <div style="overflow-x:auto;">
        <table>
            <thead><tr><th>Name</th><th>Role</th><th>Email</th><th>Specialties</th><th>Rating</th><th>Status</th><th>Actions</th></tr></thead>
            <tbody>
            @forelse($staff as $s)
            <tr>
                <td style="font-weight:500;">{{ $s->name }}</td>
                <td>{{ $s->role }}</td>
                <td style="font-size:.85rem;">{{ $s->email }}</td>
                <td style="font-size:.8rem;color:#7A6058;">{{ $s->specialties ? implode(', ',$s->specialties) : '—' }}</td>
                <td>⭐ {{ $s->rating }}</td>
                <td><span class="badge {{ $s->is_active ? 'badge-confirmed' : 'badge-cancelled' }}">{{ $s->is_active ? 'Active' : 'Inactive' }}</span></td>
                <td style="display:flex;gap:.4rem;">
                    <a href="{{ route('admin.staff.edit',$s) }}" class="btn btn-sm btn-outline">Edit</a>
                    <form method="POST" action="{{ route('admin.staff.destroy',$s) }}" onsubmit="return confirm('Delete?')">@csrf @method('DELETE')<button type="submit" class="btn btn-sm btn-danger">Del</button></form>
                </td>
            </tr>
            @empty
            <tr><td colspan="7" style="text-align:center;color:#7A6058;padding:2rem;">No staff yet.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>
{{ $staff->links() }}
@endsection