{{include "controllers/GTM/hat"}}
<div id="main">
	<div id="left" class="flL bR grayB padHsm smlF rel">
		
	</div>
	<div id="right" class="flR">
		
		<div id="tabs" class="lock scrollW list padW padTsm grayB ns">
			<div class="tab button bF flL padW padHsm" onclick="GTM.select_facility();">+</div>
		</div>
		
		<div id="screen" class="bT lock rel">
			
			<div id="map" class="bR flL rel ns w50">
				<div id="pic" class="abs cov">
					<div id="elements" class="abs cov oh"></div>
					<div id="layouts" class="abs cov"></div>
				</div>
				<div id="controls" class="abs"></div>
				<div id="areainput" class="abs"><input name="area"/></div>
				<div id="view_arrow" class="abs button bF center grab">&harr;</div>
			</div>
			
			<div id="viewer"class="flL rel w50">
				<div id="velements"></div>
			</div>
			
			<div id="values" class="grayB abs">
				<div id="values_hat" class="padW padH blueB whiteT alpha cp grab ns">
					<span class="ico dat white">Значения датчиков</span>
					
					<select class="flR padFsm" id="days">
						<option value="5">5</option>
						<option value="6">6</option>
						<option value="7">7</option>
						<option value="8">8</option>
						<option value="9">9</option>
						<option value="10" selected>10</option>
					</select>
					
					<input class="flR marWsm padFsm" id="date_to"/>
					<script> GTM.block('date_to').datepicker(); </script>
					
				</div>
				<div id="table" class="rel cov"></div>
			</div>
			
		</div>
		
	</div>
</div>

<script>
	lnrr.dictionaries = {{JSON:dictionaries}};
	lnrr.views.after_loaded(function(){
		GTM.init({
			tree:{{JSON:facilities}}
		});
	});
</script>