<?php
include 'Services/Twilio/Capability.php';
include 'auth.php'
?>
<!DOCTYPE HTML>
<html>
<head>
<title>Phone</title>
<script type="text/javascript" src="//static.twilio.com/libs/twiliojs/1.1/twilio.min.js"></script>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
Twilio.Device.setup("<?php echo $token; ?>");
$("#call").click(function() {Twilio.Device.connect();});
$("#hangup").click(function() {Twilio.Device.disconnectAll();});
Twilio.Device.ready(function (device) {$('#status').text('Ready to call');});
Twilio.Device.offline(function (device) {$('#status').text('Offline');});
Twilio.Device.error(function (error) {$('#status').text(error);});
Twilio.Device.connect(function (conn) {$('#status').text("Successfully established call");toggleCallStatus();});
Twilio.Device.disconnect(function (conn) {$('#status').text("Call ended");toggleCallStatus();});
Twilio.Device.incoming(function (conn) {conn.accept();});
function toggleCallStatus(){
$('#call').toggle();
$('#hangup').toggle();
}
});
</script>
</head>
<body>
<div align="center">
<input type="button" id="call" value="Start Call"/>
<input type="button" id="hangup" value="Disconnect Call" style="display:none;"/>
<div id="status">
Offline
</div>
</div>
</body>
</html>