messages.html

{% extends "layout.html" %}

{% block head %}
	<script type="text/javascript" src="{{ url_for('static', filename='messages.js') }}"></script>
{% endblock %}

{% block title %}
	Channel {{channel.name}}
{% endblock %}

{% block body %}
	<output id="channel_id" style="display: none;">{{channel.id}}</output>
	<form id="form">
		<div class="form-group">
			<input id="message" class="form-control" type="name" name="name" placeholder="name">
		</div>
	
		<div class="form-group">
			<button class="btn btn-primary">Send</button>
		</div>
	</form>
	<h1>Messages</h1>

	<div class="form-group">	
		<table class="table">
			<thead>
				<tr>
					<th scope="col">User</th>
					<th scope="col">Message</th>
				</tr>
			</thead>
			<tbody id="messages">
				{% for message in messages %}
					<tr>
						<td>{{ message.user_id }}</td>
						<td>{{ message.message }}</td>
					</tr>
				{% endfor %}
			</tbody>
		</table>
	</div>
	
{% endblock %}