<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Chat Guide 3.0 - Chat Messages">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>

<script type='text/stache' id='chat-template'>
<div class="container">
  <div class="row">
    <div class="col-sm-8 col-sm-offset-2">
	  {{# eq(page, 'home') }}
		  <h1 class="page-header text-center" on:click="this.addExcitement()">
	        {{ this.message }}
	      </h1>
		  <a href="{{ routeUrl(page='chat') }}"
	       	 class="btn btn-primary btn-block btn-lg">
	      	   Start chat
		  </a>
	  {{ else }}
		 <chat-messages/>
	  {{/ eq }}
    </div>
  </div>
</div>
</script>

<script type='text/stache' id='chat-messages-template'>
<h1 class="page-header text-center">
   Chat Messages
</h1>
<h5><a href="{{ routeUrl(page='home') }}">Home</a></h5>
</script>

<script src="https://code.jquery.com/jquery-2.2.4.js"></script>
<script src="https://unpkg.com/can@^4.0.0-pre.5/dist/global/can.all.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/1.4.8/socket.io.js"></script>
</body>

</html>
