<%- 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>Add Staff Member</h2>

<form action="/settings/users/add" method="POST">

    <input type="text" name="full_name" placeholder="Full Name" required>

    <input type="email" name="email" placeholder="Email" required>

    <input type="text" name="phone" placeholder="Phone Number">

    <input type="text" name="national_id" placeholder="National ID">

    <textarea name="address" placeholder="Address"></textarea>

    <input type="text" name="department" placeholder="Department">

    <input type="text" name="position" placeholder="Position">

    <select name="role" required>
        <option value="admin">Admin</option>
        <option value="manager">Manager</option>
        <option value="receptionist">Receptionist</option>
        <option value="housekeeping">Housekeeping</option>
        <option value="accountant">Accountant</option>
    </select>

    <button type="submit">Add Staff</button>

</form>

</div>

</div>
</div>
</div>

<%- include('../layouts/footer') %>