<!--  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/order.js"></script>

<h1>Order Local / Toll-Free DIDs</h1>
<hr />
<form id="didSearch">
<table>
  <tr>
    <td>State/Province:</td>
    <td><select name="data[state]" id="didState"></select></td>
  </tr>
  <tr>
    <td>Rate Center:</td>
    <td><select name="data[rateCenter]" id="didRateCenter"></select></td>
  </tr>
  <tr>
    <td>NPA-NXX</td>
    <td><input type="text" name="data[npa]" id="didNPA" maxlength="3" />-<input type="text" name="data[nxx]" id="didNXX" /></td>
  </tr>
  <tr>
    <td>Features:</td>
    <td><input type="checkbox" name="data[t38]" id="didT38"> T38, <input type="checkbox" name="data[cnam]" id="didCNAM" /> CNAM, <input type="checkbox" name="data[sms]" id="didSMS" /> SMS</td> 
  </tr>
</table>
</form>
<button id="getResults">Search</button>
<br />
<br />
<h2>Results</h2>
<table id="orderTable" class="display">
  <thead>
    <tr>
      <th>DID</th>
      <th>Rate Center</th>
      <th>State</th>
      <th>Tier</th>
      <th>LATA</th>
      <th>CNAM</th>
      <th>T38</th>
      <th>SMS</th>
    </tr>
  </thead>
</table>