{{include "controllers/Dashboard/hat"}}
<div class="main lock">
	<div class="left" style="width:100%;">		
		<div class="content A">
			<div class="title">Выбор площадки</div>	
			<div class="list">
				{{foreach item in facilities}}
					<div class="item"><a href="{{action}}{{item.id}}/">{{item.name}}</a></div>
				{{/foreach}}
			</div>
			<div class="buttons">
				<div class="button" onclick="Dashboard.add_facility()">Добавить площадку</div>
			</div>
		</div>
		{{if img}}
		
			<style>
				.test_img {
					width:303px;height:602px;margin:20px auto; border:1px solid #9e9e9e;background-repeat:no-repeat; background-color: #efefef;
				}
			</style>
			
			<div class="test_img" id="img" {{if img}}data-id="{{img.id}}" data-url="{{img.url}}" data-state={{JSON:state}}{{/if}}></div>
			<script>
				var resizator = new Resizator($('#img'),{ loader:true });
				$('.blink_me').on('click',function(){console.log('click');})
			</script>
		
			<div class="test_img" style="{{img.StateCss()}}"></div>
			<div class="test_img" style="background-image:url({{previewState("5"):img.url}});"></div>
		{{/if}}
	</div>
	
	<script>
		lnrr.start=1;
		lnrr.dictionaries={{JSON:dictionaries}};
		Dashboard.data = {
			facilities:{{JSON:facilities}},
		}
	</script>
</div>