<!--  DataTables addon -->
<link rel="stylesheet" href="/assets/js/DataTables/css/jquery.dataTables.min.css" />
<script src="/assets/js/DataTables/js/jquery.dataTables.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>VoIP Innovations Group Management</h1>
<hr />
<br />
<form method="POST">
VoIP Account: <select name="data[account_number]" id="actList"></select><br /><br />
<button id="add_group">Add Group</button>
<a href="/admin/voip/vi_add_group.php?data[voip_code]={VOIP_CODE}">Add Mailbox</a><br /><br />
<br />

<table id="gTable" class="display">
  <thead>
    <tr>
      <th>Group ID</th>
      <th>Name</th>
      <th>Account #</th>
      <th>Account Name</th>
      <th>Notes</th>
    </tr>
  </thead>
</table>
</form>

<div id="dialog-edit-group" title="Edit Group">
  <p class="validateTips">All form fields are required.</p>
  <form id="edit_group_form">
    <input type="hidden" name="data[req]" value="group_update" />
    <input type="hidden" name="data[gid]" id="e_gid" />
    <table class="bTable">
      <tr>
        <td>GID</td>
        <td id="e_gid_label"></td>
      </tr>
      <tr>
        <td>Name</td>
        <td><input type="text" name="data[name]" id="e_name"></td>
      </tr>
      <tr>
        <td>Account</td>
        <td><select name="data[account_number]" id="e_actList"></select></td>
      </tr>
      <tr><td>Notes</td><td><textarea name="data[notes]" id="e_notes"></textarea></td></tr>
    </table>
  </form>
</div>

<script src="/assets/js/admin/voip/vi_groups.js"></script>