<!doctype html>
<html ng-app="airbox">
  <body style="padding-top:0px;">
    <head>
      <meta charset="utf-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title translate>Wesco Air Balance</title>

    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/wesco-theme.min.css">

    <script src="js/lib/angular.js"></script>
    <script src="js/lib/angular-route.js"></script>
    <script src="js/lib/ui-bootstrap-tpls.min.js"></script>
    <script src="js/lib/bower_components/angular-gettext/dist/angular-gettext.min.js"></script>
    <script src="js/app.js"></script>
    <script src="js/translations.js"></script>
    <script src="js/angular-dss.js"></script>
    <script src="js/lib/angular-moment.min.js"></script>
    <script src="js/airbox-dss.js"></script>
    <script src="js/var_db.js"></script>
    <script src="js/controllers.js"></script>
    <script src="js/lib/filereader.js"></script>
    <script src="js/lib/filesaver.js"></script>
    <script src="js/lib/angular-confirm.js"></script>


    <link rel="stylesheet" href="app.css" />
  </head>

  <!-- Additional options: navbar-fixed-top: inadequate for mobile -->
    <nav class="navbar  navbar-collapsed" style="background-color: white;">
      <div class="container">
	<div class="navbar-header">
	  <a class="navbar-brand" href="#" style="padding-top:0px;"><img src="wesco.jpg" /></a>
	  <a translate class="navbar-brand" href="#"
	  style="padding-top:21px;color=#fff">Air Balance<sup>&reg;</sup></a>
	</div>
	<div class="collapse navbar-collapse" collapse="navCollapsed"
	  ng-controller="AirboxConfCtrl">
	  <ul class="nav navbar-nav navbar-right">
	    <li ng-class="{active:isActive('/')}" ng-show="true"><a translate href="#/">Control</a></li>
	    <li ng-class="{active:isActive('/app_conf')}" ng-show="true"><a translate href="#/app_conf">{{'App Configuration'|translate}}</a></li>
      <li ng-class="{active:isActive('/app_advanced_conf')}" ng-show="true"><a translate href="#/app_advanced_conf">{{'Advanced Configuration'|translate}}</a></li>
	    <li ng-class="{active:isActive('/airbox_conf')}" ng-show="getAuth()"><a translate href="#/airbox_conf">{{'Airbox'|translate}}</a></li>
	    <li ng-class="{active:isActive('/exhood_conf')}" ng-show="getAuth()"><a translate href="#/exhood_conf">{{'Extractor Hood'|translate}}</a></li>
	    <li ng-class="{active:isActive('/wcfans_conf')}" ng-show="getAuth()"><a translate href="#/wcfans_conf">{{'WC Fans'|translate}}</a></li>
      <li ng-class="{active:isActive('/base_vent_conf')}" ng-show="getAuth()"><a translate href="#/base_vent_conf">{{'Base Ventilation'|translate}}</a></li>
	  </ul>
	</div>

      </div>
    </nav>


    <!-- MAIN CONTENT AND INJECTED VIEWS -->
    <div ng-view></div>
    <!-- angular templating -->
    <!-- this is where content will be injected -->


  </body>
</html>
