<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?><!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Welcome to CodeIgniter</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
	<!-- jQuery library -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <!-- Latest compiled JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.2.0/socket.io.js"></script>
    <link href="https://fonts.googleapis.com/css?family=Arimo" rel="stylesheet"> 
    <script>
	var socket=io.connect("http://localhost:4000");
    $(document).ready(function(){
    	socket.on("rate_update",function(data){
			$("#fullMcxPriceTable").html(data.table);
			//console.log(data.tr);
		});
	});
    </script>
</head>
<body style="font-family: 'Arimo', sans-serif;">

<div class="container">
	<div class="row">
    	<div class="col-md-6">
        	<h4 class="text-danger">GuruCommodity Live MCX</h4>
            <table id="fullMcxPriceTable" class="table table-condensed table-bordered table-striped">
                
            </table>
        </div>
    </div>
</div>

</body>
</html>