<!DOCTYPE html>
<html lang="en" ng-app="<%= pkg.name %>">
<head>
  <meta charset="utf-8">
  <title>Portainer</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="<%= pkg.author %>">

  <link href="css/vendor.css" rel="stylesheet">
  <link href="css/<%= pkg.name %>.css" rel="stylesheet">

  <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
  <!--[if lt IE 9]>
  <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->

  <script src="js/angular.js"></script>
  <script src="js/vendor.js"></script>
  <script src="js/<%= pkg.name %>.js"></script>

  <!-- Fav and touch icons -->
  <link rel="shortcut icon" href="ico/favicon.ico">
  <link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-precomposed.png">
</head>

<body ng-controller="MasterCtrl">
  <div id="page-wrapper" ng-class="{'open': toggle}" ng-cloak>

    <!-- Sidebar -->
    <div id="sidebar-wrapper">
      <ul class="sidebar">
        <li class="sidebar-main">
          <a ng-click="toggleSidebar()">
            <img ng-if="config.logo" ng-src="{{ config.logo }}" class="img-responsive logo">
            <img ng-if="!config.logo" src="images/logo.png" class="img-responsive logo" alt="Portainer">
            <span class="menu-icon glyphicon glyphicon-transfer"></span>
          </a>
        </li>
        <li class="sidebar-title"><span>NAVIGATION</span></li>
        <li class="sidebar-list">
          <a ui-sref="index">Dashboard <span class="menu-icon fa fa-tachometer"></span></a>
        </li>
        <li class="sidebar-list">
          <a ui-sref="templates">App Templates <span class="menu-icon fa fa-rocket"></span></a>
        </li>
        <li class="sidebar-list" ng-if="swarm_mode">
          <a ui-sref="services">Services <span class="menu-icon fa fa-list-alt"></span></a>
        </li>
        <li class="sidebar-list">
          <a ui-sref="containers">Containers <span class="menu-icon fa fa-server"></span></a>
        </li>
        <li class="sidebar-list">
          <a ui-sref="images">Images <span class="menu-icon fa fa-clone"></span></a>
        </li>
        <li class="sidebar-list">
          <a ui-sref="networks">Networks <span class="menu-icon fa fa-sitemap"></span></a>
        </li>
        <li class="sidebar-list">
          <a ui-sref="volumes">Volumes <span class="menu-icon fa fa-cubes"></span></a>
        </li>
        <li class="sidebar-list" ng-if="!swarm">
          <a ui-sref="events">Events <span class="menu-icon fa fa-history"></span></a>
        </li>
        <li class="sidebar-list" ng-if="(swarm && !swarm_mode) || (swarm_mode && swarm_manager)">
          <a ui-sref="swarm">Swarm <span class="menu-icon fa fa-object-group"></span></a>
        </li>
        <li class="sidebar-list" ng-if="!swarm">
          <a ui-sref="docker">Docker <span class="menu-icon fa fa-cogs"></span></a>
        </li>
      </ul>
      <div class="sidebar-footer">
        <div class="col-xs-12">
          <a href="https://github.com/portainer/portainer" target="_blank">
            <i class="fa fa-github" aria-hidden="true"></i>
            Portainer {{ uiVersion }}
          </a>
        </div>
      </div>
    </div>
    <!-- End Sidebar -->

    <div id="content-wrapper">
      <div class="page-content">

        <!-- Main Content -->
        <div id="view" ui-view></div>

      </div><!-- End Page Content -->
    </div><!-- End Content Wrapper -->
  </div><!-- End Page Wrapper -->
</body>
</html>