<div class="modal fade" id="addUserModal" tabindex="-1">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <form id="addUserForm" enctype="multipart/form-data">
        <div class="modal-header bg-primary text-white">
          <h5 class="modal-title"><i class="fas fa-user-plus mr-2"></i>Add User</h5>
          <button type="button" class="close text-white" data-dismiss="modal">&times;</button>
        </div>
        <div class="modal-body">
          <div class="form-row">
            <div class="form-group col-md-6"><label>Name</label><input name="name" class="form-control" required></div>
            <div class="form-group col-md-6"><label>Email</label><input type="email" name="email" class="form-control" required></div>
          </div>
          <div class="form-row">
            <div class="form-group col-md-6"><label>Password</label><input type="password" name="password" class="form-control" required></div>
            <div class="form-group col-md-6">
              <label>Role</label>
              <select name="role" class="form-control">
                <option value="admin">Admin</option>
                <option value="manager">Manager</option>
                <option value="staff">Staff</option>
              </select>
            </div>
          </div>
          <div class="form-row">
            <div class="form-group col-md-6">
              <label>Status</label>
              <select name="status" class="form-control">
                <option value="active">Active</option>
                <option value="disabled">Disabled</option>
              </select>
            </div>
            <div class="form-group col-md-6">
              <label>Profile Image</label>
              <input type="file" name="profile_image" class="form-control-file" accept="image/*">
            </div>
          </div>
        </div>
        <div class="modal-footer"><button type="submit" class="btn btn-primary">Save</button></div>
      </form>
    </div>
  </div>
</div>
