{% extends 'base/layout.html' %}

{% block content %}
<div class="container">
	<div class="columns is-centered">
		<div class="column">
			<h1 class="title is-2">{{ exercise.name }}</h1>
			<div class="box">
				<canvas id="exercise_chart"></canvas>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript" src="/static/js/chart.js"></script>
<script>
	exercise_chart('exercise_chart', {{ exercise.id }}, '{{ exercise.name }}');
</script>

{% endblock %}