<!--  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>

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

<h1>{D_TYPE} DID List</h1>
<hr />

VoIP Account: <select id="actList" style="width:400px;"><option>All</option></select><br /><br />

<table id="didTable" class="display">
  <thead>
    <tr>
      <th>DID</th>
      <th>Account</th>
      <th>Network</th>
      <th>REC</th>
      <th>CNAM</th>
      <th>CID</th>
      <th>E911</th>
      <th>E411</th>
      <th>T38</th>
      <th>VFAX</th>
      <th>SMS</th>
    </tr>
  </thead>
</table>

<div id="dialog-edit-did" title="Edit Did">
  <p class="validateTips">All form fields are required.</p>
  <form id="edit_did_form">
    <input type="hidden" name="data[req]" value="did_update" />
    <input type="hidden" name="data[did]" id="ed_did" />
    <div id="edTabs">
    <ul>
    <li><a href="#edTabs-1">DID</a></li>
    <li><a href="#edTabs-2">Caller ID</a></li>
    <li><a href="#edTabs-3">E911</a></li>
    <li><a href="#edTabs-4">E411</a></li>
    <li><a href="#edTabs-5">Notes</a></li>
    </ul>
    <div id="edTabs-1">
    <table class="bTable">
      <tr>
        <td>Account:</td>
        <td><select name="data[account_number]" id="ed_actList"></select></td>
      </tr>
      <tr>
        <td>DID</td>
        <td id="ed_didLabel"></td>
      </tr>
      <tr>
        <td>Record Incoming Calls</td>
        <td><select name="data[rec_calls]" id="ed_recordCalls"><option value="0">No</option><option value="1">Yes</option></select></td>
      </tr>
      <tr>
        <td>Prefix Inbound Caller ID</td>
        <td><input type="text" id="ed_cid_in" name="data[cid_in]" maxlength="11"></td>
      </tr>
      <tr>
        <td>Destination</td>
        <td><select name="data[dst_dialplan]" id="ed_dstBox"></select></td>
      </tr>
    </table>
    </div>
    <div id="edTabs-2">
    Caller ID: <input type="text" id="ed_cidOut" name="data[cid_out]" maxlength="11"> <input type="checkbox" name="data[cnam_active]" value="1"> Enabled
    </div>
    <div id="edTabs-3">
    E911
    </div>
    <div id="edTabs-4">
    <table class="bTable">
    <tr>
      <td>Type</td>
      <td><select name="data[e411_type]"></select></td>
    </tr>
    <tr>
      <td>First Name</td>
      <td>Last Name</td>
    </tr>
    <tr>
      <td>Address</td>
      <td><input type="text" name="data[e411_address]"></td>
    </tr>
    </table>
    </div>
    <div id="edTabs-5"></div>
    </div>
  </form>
</div>