<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{title}}</title>
    <link rel="stylesheet" href="/public/css/font-awesome.min.css" /> 
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet">
    <link rel="stylesheet" href="/public/css/bulma-dracula.css" /> 
    <link rel="stylesheet" type="text/css" href="/public/css/style.css">
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <!-- JQuery UI -->
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>

<body>
	<header class="hero">
		<div class="hero-head">
			<nav class="navbar has-shadow" role="navigation" aria-label="main navigation">						
				<div class="navbar-brand">
					<a href="/admin" class="navbar-item is--brand">
						<figure>
							<img src="/public/img/icon.jpg">
						</figure> 
					</a>
					<a role="button" class="navbar-burger burger has-text-white" aria-label="menu" aria-expanded="false" data-target="navMenu">
						<span aria-hidden="true"></span>
						<span aria-hidden="true"></span>
						<span aria-hidden="true"></span>
					</a>
				</div>	
				<div class="navbar-end">				
					<a href="/logout.html" class="navbar-item is-tab is-active"><span class="icon is-medium"><i class="fa fa-male"></i></span>Выйти</a>											
				</div>										
			</nav>
		</div>
	</header>
	<div class="wrapper">
		<div class="columns">
			<aside class="column is-2 aside" style="min-height:1200px!important">
				<nav class="menu">				 
                    <p class="menu-label">
                        Мои чаны
                    </p>
                    <ul class="menu-list">
						<li><a href="/">Активные чаны</a></li>
						<li><a href="/archive">Архивные чаны</a></li>
					</ul>
					<p class="menu-label">
                        Бродильня
                    </p>
                     <ul class="menu-list">
						<li>
							<a href="/room">
								<span class="tag {{room.temp_status}} is-large"><i class="fa fa-thermometer-three-quarters fa-fw" aria-hidden="true"></i>{{room.temp}} °C </span>
								<span class="tag {{room.warm_status}} is-large"><i class="fa fa-tint fa-fw" aria-hidden="true"></i>{{room.warm}} % </span>
							</a>
						</li>
					</ul>
                    <p class="menu-label">
                        Подвал
                    </p>
                    <ul class="menu-list">
	                    <li>
							<a href="/cellar">
								<span class="tag {{cellar.temp_status}} is-large"><i class="fa fa-thermometer-three-quarters fa-fw" aria-hidden="true"></i>{{cellar.temp}} °C </span>
								<span class="tag {{cellar.warm_status}} is-large"><i class="fa fa-tint fa-fw" aria-hidden="true"></i>{{cellar.warm}} % </span>
							</a>
						</li>
					</ul>
					<p class="menu-label">
                        Улица
                    </p>
                    <ul class="menu-list">
	                    <li>
							<a href="/weather">
								<span class="tag {{weather.temp_status}} is-large"><i class="fa fa-thermometer-three-quarters fa-fw" aria-hidden="true"></i>{{weather.temp}} °C </span>
								<span class="tag {{weather.warm_status}} is-large"><i class="fa fa-tint fa-fw" aria-hidden="true"></i>{{weather.warm}} % </span>
							</a>
						</li>
					</ul>
				</nav>
			</aside>
			<main class="column main">
			    <div class="container">
	                {*view*}        
			    </div>
			</main>
		</div>
	</div>
	<script type="text/javascript" src="/public/js/jquery-3.3.1.min.js"></script>
	<script type="text/javascript" src="/public/js/moment.min.js"></script>
	<script type="text/javascript" src="/public/js/chart.min.js"></script>	
	<script type="text/javascript" src="/public/js/daterangepicker.min.js"></script>
    <script type="text/javascript" src="/public/js/bulma.js"></script>
</body>

</html>
