<script>
function uL(line) {
  var t_ext = document.getElementById("ext" + line).value.split(":");

  var ext = t_ext[0];

  var txt = ext.match(/\D+/g);
  var did = ext.match(/\d+/g);

  if ((txt) && (did)) {
    var newLBL =  txt + " " + did;
  }
  else {
    var newLBL =  "";
  }

  document.getElementById("label" + line).value = newLBL.toUpperCase();

  get_lI(line);
}

  $(function() {
    $("#tabs").tabs();

    $("#Submit").click(function(e) {
      e.preventDefault();

      document.getElementById("jR").value = 1;
      document.getElementById("uP").value = 1;

      $.ajax({
        type: "POST",
        url: "{SELF}",
        data: $("#theForm").serialize(),
        success: function(data){
          alert(data);
        }
      });
      return false;
    });
  });

function get_lI(extNum) {

  var uas = document.getElementById("uas" + extNum);
  var ext = document.getElementById("ext" + extNum).value;

  if (uas.checked == true) {
    var uas_v = 1;
  }
  else {
    var uas_v = 0;
  }

  var cV = "&server_primary=" + document.getElementById("ps" + extNum).value + "&server_backup=" + document.getElementById("bs" + extNum).value + "&server_port_primary=" + document.getElementById("psp" + extNum).value + "&server_port_backup=" + document.getElementById("bsp" + extNum).value + "&transport_primary=" + document.getElementById("pst" + extNum).value + "&transport_backup=" + document.getElementById("bst" + extNum).value;

    $.get("/admin/voip/edit_device_json.php?ext=" + ext + "&uas=" + uas_v + cV, function(data, status) {
      var json_obj = JSON.parse(data);
      //alert("Data: " + data + "\nStatus: " + status + "\nServer: " + json_obj.server_primary);

      $('#ps' + extNum).empty();
      $('#ps' + extNum).html(json_obj.server_primary);

      $('#bs' + extNum).empty();
      $('#bs' + extNum).html(json_obj.server_backup);
      //$('#bs' + extNum).append($('<option>').text(json_obj.server_backup).attr('value', json_obj.server_backup));

      $('#psp' + extNum).empty();
      $('#psp' + extNum).html(json_obj.server_port_primary);
      //$('#psp' + extNum).append($('<option>').text(json_obj.server_port_primary).attr('value', json_obj.server_port_primary));

      $('#bsp' + extNum).empty();
      $('#bsp' + extNum).html(json_obj.server_port_backup);
      //$('#bsp' + extNum).append($('<option>').text(json_obj.server_port_backup).attr('value', json_obj.server_port_backup));

      $('#pst' + extNum).empty();
      $('#pst' + extNum).html(json_obj.transport_primary);
      //$('#pst' + extNum).append($('<option>').text(json_obj.transport_primary).attr('value', json_obj.transport_primary));

      $('#bst' + extNum).empty();
      $('#bst' + extNum).html(json_obj.transport_backup);
      //$('#bst' + extNum).append($('<option>').text(json_obj.transport_backup).attr('value', json_obj.transport_backup));

    });
}
</script>
<h1>MAC:{MAC} - Last Call Home: {LAST_CONFIG} - Stocked In: {STOCKED_IN}</h1>
<hr />
<br />
{MESSAGES}
<a href="/admin/voip/devices.php?data[account_number]={ACCOUNT_NUMBER}">Back To Devices</a><br /><br />
<form method="POST" action="{SELF}" id="theForm">
<input type="hidden" name="data[json]" value="0" id="jR">
<input type="hidden" name="data[up]" value="0" id="uP">
<input type="hidden" name="data[vdid]" value="{VDID}">
<div>
<div style="float:left">
<table class="bTable">
<tr>
  <td>Account:</td>
  <td><select name="data[account_number]" onChange="form.submit();">{ACCOUNT_LIST}</select> - Locked: <input type="radio" name="data[account_locked]" value="1" onClick="form.submit();" {ALY}> Yes <input type="radio" name="data[account_locked]" value="0" onClick="form.submit();" {ALN}> No</td>
</tr>
<tr>
  <td>Device Type:</td>
  <td><select name="data[vdtid]" onChange="form.submit();">{DEVICE_LIST}</select></td>
</tr>
<tr>
  <td>Dialplan</td>
  <td><input type="test" name="data[dialplan]" value="{DIALPLAN}" style="width: 525px;" {AL}></td>
</tr>
<tr>
  <td>Dialplan Timeout</td>
  <td><input type="test" name="data[dialplan_timeout]" value="{DIALPLAN_TIMEOUT}" style="width: 525px;" {AL}></td>
</tr>
<tr>
  <td>Primary Server</td>
  <td><select name="data[server_primary]">{PRIMARY_SERVER}</select></td>
</tr>
<tr>
  <td>Primary Port</td>
  <td><select name="data[server_port_primary]">{PRIMARY_PORT}</select></td>
<tr>
  <td>Primary Transport</td>
  <td><select name="data[transport_primary]">{PRIMARY_TRANSPORT}</select></td>
</tr>
<tr>
  <td>Backup Server</td>
  <td><select name="data[server_backup]">{BACKUP_SERVER}</select></td>
</tr>
<tr>
  <td>Backup Port</td>
  <td><select name="data[server_port_backup]">{BACKUP_PORT}</select></td>
<tr>
<tr>
  <td>Backup Transport</td>
  <td><select name="data[transport_backup]">{BACKUP_TRANSPORT}</select></td>
</tr>
<tr>
  <td>Owner:</td>
  <td><input type="radio" name="data[device_owner]" value="1" onClick="form.submit();" {DOP}> PSC Tech <input type="radio" name="data[device_owner]" value="0" onClick="form.submit();" {DOE}> End User</td>
</tr>
<tr>
  <td colspan="2">
    <div id="tabs">
      <ul>
        {EXT_TABS_LIST}
      </ul>
      {EXT_TABS}
    </div>
  </td>
</tr>
{EXT_ROWS}
<tr>
  <td><input type="submit" value="Update Device" id="Submit"></td>
  <td align="right"><input type="reset"></td>
</tr>
</table>
</div>
<div style="float:right;width:325px;margin: 0px;">
<h2 style="text-align:center;">Additional Devices On Account:</h2>
<table style="width:325px;" class="adev_table">
<tr>
  <th>MAC</th>
  <th>EXT</th>
  <th>Label</th>
  <th>LCH</th>
</tr>
{ADEV}
</table>
</div>
</div>
</form>