<!--  Data Tables -->
<link rel="stylesheet" href="/assets/js/DataTables/css/jquery.dataTables.min.css" />
<script src="/assets/js/DataTables/js/jquery.dataTables.min.js"></script>

<!--  Autocomplete Combo Box -->
<link rel="stylesheet" href="/assets/css/addon/autocomplete-combobox.css" />
<script src="/assets/js/addon/autocomplete-combobox.js"></script>

<h1>Users List</h1>
<hr />
<br />
VoIP Account: <select id="actList"></select><br />
<br />

<table id="usersTable" class="display">
  <thead>
    <tr>
  <td>UID</td>
  <td>Login</td>
  <td>Company</td>
  <td>Account #</td>
  <td>Status</td>
  <td>Type</td>
  <td>Created</td>
    </tr>
  </thead>
</table>

<div id="dialog-edit-user" title="Edit User">
<form method="post" id="edit_user_form">
<p class="validateTips">All form fields are required.</p>
<table class="paymentMethods">
<tr>
  <td>E-Mail (Login)</td>
  <td><input type="text" name="data[email]" id="email"></td>
  </tr>
  <tr>
  <td>First name</td>
  <td><input type="text" name="data[first_name]" id="first_name"></td>
  </tr>
  <tr>
  <td>Last Name</td>
  <td><input type="text" name="data[last_name]" id="last_name"></td>
  </tr>
  <tr>
  <td>ACL</td>
  <td>ACL</td>
</tr>
<tr>
  <td colspan="5"><input type="submit" name="data[up]" value="Update"></td>
</tr>
</table>
</form>
</div>

<div id="dialog-add-user" title="Add User">
<form method="post" id="add_user_form">
<p class="validateTips">All form fields are required.</p>
<table class="paymentMethods">
<tr>
  <td>E-Mail (Login)</td>
  <td><input type="text" name="data[email]" id="email"></td>
  </tr>
  <tr>
  <td>First name</td>
  <td><input type="text" name="data[first_name]" id="first_name"></td>
  </tr>
  <tr>
  <td>Last Name</td>
  <td><input type="text" name="data[last_name]" id="last_name"></td>
  </tr>
  <tr>
  <td>ACL</td>
  <td>ACL</td>
</tr>
<tr>
  <td colspan="5"><input type="submit" name="data[up]" value="Update"></td>
</tr>
</table>
</form>
</div>

<script src="/assets/js/admin/accounts/users.js"></script>