import React, { useState } from 'react'; import { Head, useForm } from '@inertiajs/react'; import { StaffLayout } from '@/Layouts/StaffLayout'; import { Modal } from '@/Components/Modal'; import { Users, Plus, ShieldCheck, Key } from 'lucide-react'; interface Props { users: any[]; roles: any[]; } export default function AdminStaff({ users = [], roles = [] }: Props) { const [createModalOpen, setCreateModalOpen] = useState(false); const userForm = useForm({ name: '', email: '', phone: '', role_id: roles[0]?.id || 1, password: '', }); const handleCreate = (e: React.FormEvent) => { e.preventDefault(); userForm.post('/ssadmin/staff/user', { preserveScroll: true, onSuccess: () => { setCreateModalOpen(false); userForm.reset(); }, }); }; return (

Hotel Employees & Access Portals

Manage 13 distinct hotel roles and departmental access permissions.

{users.map((u) => ( ))}
Employee Email Phone Assigned Role Status
{u.name} {u.email} {u.phone || '—'} {u.role?.name || u.role_name || 'Staff'} Active
{/* Create Staff Modal */} setCreateModalOpen(false)} title="Create Staff Account" >
userForm.setData('name', e.target.value)} className="w-full bg-white border border-gray-300 rounded-xl px-3 py-2 text-xs" />
userForm.setData('email', e.target.value)} className="w-full bg-white border border-gray-300 rounded-xl px-3 py-2 text-xs" />
userForm.setData('phone', e.target.value)} className="w-full bg-white border border-gray-300 rounded-xl px-3 py-2 text-xs" />
userForm.setData('password', e.target.value)} className="w-full bg-white border border-gray-300 rounded-xl px-3 py-2 text-xs" />
); }