<section class="container">
	<div class="columns is-multiline">
		<div class="column is-12">
			<h1 class="title">{{title}}</h1>
		</div>
	</div>
	
	<div class="section">
		<div class="columns is-multiline">
			{% for id,tank in pairs(tanks) do %}
			<div class="column is-half">
				<h3 class="title is-4"><i class="fa fa-flask fa-fw" aria-hidden="true"></i><span class="tag {{tank.status}} is-large"><a class="full-info has-text-black" data-id="{{id}}">{{tank.name.value}}</a></span><span class="tag is-info has-text-black is-large is-pulled-right">PH: {{tank.ph.value}}</span></h3>
				<div class="notification {{tank.notification.typ}}">{{tank.notification.text}}</div>
				<div>
				  <canvas id="daystats{{id}}" data-labels='[{% for key, record in pairs(tank.stat) do %}"{{record.date}}"{% if key ~= #tank.stat then %},{% end end %}]' data-vals='[{% for key, record in pairs(tank.stat) do %}{{record.temp}}{% if key ~= #tank.stat then %},{% end end %}]'></canvas>
				</div>
				<br/>		
				<div class="tags">
					<span class="tag is-info has-text-black is-large is-pulled-right">{{tank.date_start.value}}</span>
					<span class="tag is-success has-text-black is-large is-pulled-right">{{tank.volume.value}} л</span>
					<span class="tag is-success has-text-black is-large is-pulled-right">С-р: {{tank.sugar.value}}%</span>
					<span class="tag is-light has-text-black is-large is-pulled-right">{{tank.date_end.value}}</span>
				</div>
				<div id="info{{id}}" class="is-hidden">
					<ul class="tank-data">
						{% for key,val in pairs(tank) do
						if val.text and val.order then %}
						<li style="border-bottom: 1px dotted white" data-order="{{val.order}}">{{val.text}} <span class="is-pulled-right"><b>{{val.value}}</b></span></li>
						{% end end %}
					</ul>
				</div>
			</div>
			{% end %}
		</div>
	</div>
</section>
