<!-- 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>DID List</h1>
<hr />
<table id="didTable" class="display">
<thead>
<tr>
<th>D</th>
<th>DID</th>
<th>Caller ID</th>
<th>Recording</th>
<th>Prefix</th>
<th>Destination</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[vdid]" id="ed_did" />
<table class="bTable">
<tr>
<td>DID</td>
<td id="ed_did_label"></td>
</tr>
<tr>
<td>Outbound Caller ID</td>
<td><input type="text" id="ed_cid_out" name="data[cid_out]" maxlength="11"></td>
</tr>
<tr>
<td>Record Incoming Calls</td>
<td><select name="data[rec_calls]" id="ed_record_calls"><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><input type="radio" name="data[dest_type]" value="ext" class="dest_change"> Extension <input type="radio" name="data[dest_type]" value="rg" class="dest_change"> Ring Group <input type="radio" name="data[dest_type]" value="aa" class="dest_change"> Auto Attendant</td>
</tr>
<tr id="dEXT">
<td>Extension</td>
<td><select name="data[dest_ext]" id="ed_ext"></select></td>
</tr>
<tr id="dRG">
<td>Ring Group</td>
<td><select name="data[dest_rg]" id="ed_rg"></select></td>
</tr>
<tr id="dAA">
<td>Auto Attendant</td>
<td><select name="data[dest_aa]" id="ed_aa"></select></td>
</tr>
</table>
</form>
</div>
<script src="/assets/js/user/voip/did.js"></script>