<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Mobile activation testing page</title>

<style>
body {
  background: -webkit-gradient(linear, left top, left bottom,
              from(#EBEBEB), to(#CFCFCF));
  font-family: 'Lucida Grande', Helvetica, sans-serif;
  font-size: 10px;
  height: 300px;
  overflow: hidden;
}
</style>

<script src="connection_manager.js"></script>
<script>
function $(id) {
  return document.getElementById(id);
}

chromeos.connectionManager.getDeviceInfo(function(device) {
  $('device-info').innerHTML =
    'carrier = ' + device.carrier + '<br>' +
    'MEID = ' + device.MEID + '<br>' +
    'IMEI = ' + device.IMEI + '<br>' +
    'IMSI = ' + device.IMSI + '<br>' +
    'ESN = ' + device.ESN + '<br>' +
    'MDN = ' + device.MDN;
});

function sendStatus(status) {
  chromeos.connectionManager.setTransactionStatus(status,
      function() {});
}

</script>

</head>
<body>
<h2>Plan Payment Page<h2>
<div>Press a button below to signal transaction status back to the browser</div>
<div id='buttons'>
<button id='ok-btn' onclick="document.location='payment_succeeded.html'">OK</button>
<button id='fail-btn' onclick="document.location='payment_failed.html'">Failed</button>
</div>
<div>
Device Information:
<div id="device-info"></div>
</div>
</body>
</html>