<!--  DataTables addon -->
<link rel="stylesheet" href="/assets/js/DataTables/css/jquery.dataTables.min.css" />
<script src="/assets/js/DataTables/js/jquery.dataTables.min.js"></script>
<script src="/assets/js/DataTables/js/jquery.dataTables.rowReorder.min.js"></script>
 
<h1>Dial Plan List</h1>

<hr />

<table id="dpTable" class="display">
  <thead>
    <tr>
      <th>Name</th>
      <th>Description</th>
      <th>Associated DID</th>
    </tr>
  </thead>
</table>

<div id="dialog-edit-dial_plan" title="Edit Dial Plan">
  <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" />
    <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>Outbound Caller ID</td>
        <td><input type="text" id="ed_cidOut" name="data[cid_out]" maxlength="11"></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>
    <table id="dpsTable" class="display">
  <thead>
    <tr>
      <th>Step</th>
      <th>Command</th>
      <th>Del</th>
    </tr>
  </thead>
  <tbody>
  <tr><td>1</td><td><input class="dps" type="hidden" name="data[dps][1][o]" value="1"/>If Time Is <input type="text"> To <input type="text"> Goto Step: <select><option value="2">2</option><option value="3">3</option></select></td><td>X</td></tr>
  <tr><td>2</td><td><input class="dps" type="hidden" name="data[dps][2][o]" value="2"/>Dial: <select multiple></select></td><td>X</td></tr>
  <tr><td>3</td><td><input class="dps" type="hidden" name="data[dps][3][o]" value="3"/>Voicemail: <select></select></td><td>X</td></tr>
  </tbody>
</table>
    </form>
</div>

<script src="/assets/js/user/voip/dial_plan.js"></script>