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

<h1>Mailbox Management</h1>
<hr />
<!--
<button id="addMailbox">Add Mailbox</button>
-->
<table id="mbTable" class="display">
  <thead>
    <tr>
      <th>Edit</th>
      <th>Mailbox</th>
      <th>Name</th>
      <th>Email</th>
      <th>Messages</th>
    </tr>
  </thead>
</table>

<div id="dialog-edit-mailbox" title="Edit Mailbox">
  <h1>Mailbox Settings</h1>
  <hr />
  <p class="validateTips">All form fields are required.</p>
  <form method="post" id="edit-mailbox-form">
  <input type="hidden" name="data[req]" value="mailbox_edit" />
  <input type="hidden" name="data[mailbox]" id="e_mailbox">
  <table class="bTable">
    <tr>
      <td>Name:</td>
      <td><input type="text" name="data[fullname]" id="e_fullname"></td>
    </tr>
    <tr>
      <td>E-Mail:</td>
      <td><input type="text" name="data[email]" id="e_email" style="width:250px;"></td>
    </tr>
    <tr>
      <td>Password</td>
      <td><input type="text" name="data[password]" id="e_password"></td>
    </tr>
  </table>
  </form>
</div>

<script src="/assets/js/user/voip/mailboxes.js"></script>