<%- include('../layouts/header') %>

<div class="main-container">
<%- include('../layouts/sidebar', { user: user }) %>

<div class="content-area">
<%- include('../layouts/navbar') %>

<div class="dashboard-content">

<div class="form-container">

<h2>Edit Staff Member</h2>

<form action="/settings/users/edit/<%= staff.id %>" method="POST">

    <input type="text" name="full_name" value="<%= staff.full_name %>" required>

    <input type="email" name="email" value="<%= staff.email %>" required>

    <input type="text" name="phone" value="<%= staff.phone || '' %>" placeholder="Phone">

    <input type="text" name="national_id" value="<%= staff.national_id || '' %>" placeholder="National ID">

    <textarea name="address" placeholder="Address"><%= staff.address || '' %></textarea>

    <input type="text" name="department" value="<%= staff.department || '' %>" placeholder="Department">

    <input type="text" name="position" value="<%= staff.position || '' %>" placeholder="Position">

    <select name="role" required>
        <option value="admin" <%= staff.role === "admin" ? "selected" : "" %>>Admin</option>
        <option value="manager" <%= staff.role === "manager" ? "selected" : "" %>>Manager</option>
        <option value="receptionist" <%= staff.role === "receptionist" ? "selected" : "" %>>Receptionist</option>
        <option value="housekeeping" <%= staff.role === "housekeeping" ? "selected" : "" %>>Housekeeping</option>
        <option value="accountant" <%= staff.role === "accountant" ? "selected" : "" %>>Accountant</option>
    </select>

    <select name="status" required>
        <option value="pending" <%= staff.status === "pending" ? "selected" : "" %>>Pending</option>
        <option value="active" <%= staff.status === "active" ? "selected" : "" %>>Active</option>
        <option value="disabled" <%= staff.status === "disabled" ? "selected" : "" %>>Disabled</option>
    </select>

    <button type="submit">Update Staff</button>

</form>

</div>

</div>
</div>
</div>

<%- include('../layouts/footer') %>