<div class="chat">
		<div class="chat__sidebar">

		</div>

		<div class="chat__main">
			<div id="messages" class="chat__messages"></div>
			<!-- <button id="increment">+1</button> -->

			<div class="compose">
				<form id="form">
					<input type="text" name="message" id="message">
					<button id="send">Send</button>
				</form>
				<button id="sendLocation">Send Location</button>
			</div>
		</div>
	</div>










	<!-- Tempaltes -->

	<script id="message-template" type="text/html">
		<div class="message">
			<p>
				<span class="message__name">Martin</span>
				<span class="message__meta">{{createdAt}}</span>
			</p>
			<p>{{message}}</p>
		</div>
	</script>


	<script id="location-message-template" type="text/html">
		<div class="message">
			<p>
				<span class="message__name">Martin</span>
				<span class="message__meta">{{createdAt}}</span>
			</p>
			<p>
				<a href="{{url}}" target="_blank">My Location</a>
			</p>
		</div>
	</script>