<!--  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>Dial Plan List</h1>
<hr />
VoIP Account: <select id="actList" style="width:400px;"><option>All</option></select><br /><br />
<table id="dpTable" class="display">
  <thead>
    <tr>
      <th>Account #</th>
      <th>Company</th>
      <th>BTN</th>
      <th>Primary Server</th>
      <th>Backup Server</th>
      <th>EXT Range</th>
      <th>Status</th>
    </tr>
  </thead>
</table>

<div id="dialog-edit-account" title="Edit Account">
<h1>VoIP Account Settings</h1>
<hr />
<h2>IMPORTANT: Changes here will ONLY affect account locked devices. If you NEED to update devices with extensions that use account defaults you need to check "Update All Devices" prior to pressing update.</h2>
  <p class="validateTips">All form fields are required.</p>
<form method="post" id="edit_account_form">
<input type="hidden" name="data[req]" value="account_update" />
<input type="hidden" name="data[account_number]" id="aN" />
<input type="hidden" name="data[server_primary]" id="sP" />
<input type="hidden" name="data[server_backup]" id="sB" />
<input type="hidden" name="data[voip_coode]" id="vC" />

<table class="bTable">
<tr>
  <td>Account #</td>
  <td id="accountNumber"></td>
</tr>
<tr>
  <td>VoIP Code (Legacy)</td>
  <td id="voipCode">{VOIP_CODE}</td>
</tr>
<tr>
  <td>Account Code</td>
  <td id="accountCode"></td>
</tr>
<tr>
  <td>Primary Server</td>
  <td><select id="primaryServer"></select></td>
</tr>
<tr>
  <td>Primary Port</td>
  <td><select id="primaryPort" name="data[server_port_primary]"></select></td>
<tr>
  <td>Primary Transport</td>
  <td><select id="primaryTransport" name="data[transport_primary]"></select></td>
</tr>
<tr>
  <td>Backup Server</td>
  <td><select id="backupServer"></select></td>
</tr>
<tr>
  <td>Backup Port</td>
  <td><select id="backupPort" name="data[server_port_backup]"></select></td>
<tr>
<tr>
  <td>Backup Transport</td>
  <td><select id="backupTransport" name="data[transport_backup]"></select></td>
</tr>
<tr>
  <td>Extension Range</td>
  <td><input type="text" id="extensionRange" name="data[ext_range]"> <input type="checkbox" id="rdp" name="data[rdp]" value="1"> Rebuild Dial Plan</td>
</tr>
<tr>
  <td>Dialplan</td>
  <td><input type="text" id="dialplan" name="data[dialplan]" style="width:550px;"></td>
</tr>
<tr>
  <td>Dialplan Timeout</td>
  <td><input type="text" id="dialplanTimeout" name="data[dialplan_timeout]" style="width:550px;"></td>
</tr>
<tr>
  <td>Update</td>
  <td><input type="radio" name="data[uad]" value="0" checked> No Devices <input type="radio" name="data[uad]" value="1"> Account Devices <input type="radio" name="data[uad]" value="2"> All Devices</td>
</tr>
</table>
</form>
</div>

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