<section class="container">
	<div class="columns is-multiline">
		<div class="column is-12">
			<h1 class="title">{{title}}</h1>
			<p>Период: <span class="has-text-warning is-size-5">{{start}} - {{ends}}</span></p>
			<section class="block">
				<form method="POST">
					<div class="field is-grouped">
					  <p class="control">
					    <input class="input" id="dater" type="text" data-start="{{start}}" data-end="{{ends}}" name="datetimes" value="{{start}}|{{ends}}">
					  </p>		
					  <p class="control">
						<button class="button" name="submit" type="submit" class="is-danger">Выбрать</button>	
					  </p>
					</div>
				</form>
			</section>
		</div>
	</div>
	
	<div class="section">
		<div class="columns is-multiline">
			<div class="column is-half">
				<canvas id="climate1" data-labels='[{% for key, record in pairs(data) do %}"{{record.date}}"{% if key ~= #data then %},{% end end %}]' data-vals='[{% for key, record in pairs(data) do %}{{record.temp}}{% if key ~= #data then %},{% end end %}]'></canvas>
			</div>
			<div class="column is-half">
				<canvas id="climate2" data-labels='[{% for key, record in pairs(data) do %}"{{record.date}}"{% if key ~= #data then %},{% end end %}]' data-vals='[{% for key, record in pairs(data) do %}{{record.warm}}{% if key ~= #data then %},{% end end %}]'></canvas>
			</div>
		</div>
	</div>
</section>
