<!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="shortcut icon" type="image/x-icon" href="/images/favicon.png" />
    <title><%= web.title %> <%= web.debomatic.architecture %></title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="/external_libs/bootstrap-3.3.2/css/bootstrap.min.css">
    <link rel="stylesheet" href="/external_libs/bootstrap-3.3.2/css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="/external_libs/chartist-js-0.7.2/chartist.min.css">
    <link rel="stylesheet" href="/external_libs/tablesorter/theme.bootstrap.css">
    <link rel="stylesheet" href="/stylesheets/style.css?<%= version %>">
  </head>

  <body>
    <div id="wrapper" class="container-fluid">
      <nav class="navbar navbar-inverse" role="navigation">
        <div class="navbar-header home-link">
            <span class="pull-left icon"></span>
            <span style="padding-right: 5px;" onclick="window.location.href='/'" class="navbar-brand">Deb-o-Matic</span>
            </div>
        <div class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
              <li class="dropdown">
              <a style="color: #eee; font-size: 15px; padding: 15px 10px;" href="#" class="dropdown-toggle" data-toggle="dropdown"><%= web.debomatic.architecture %> <span class="caret"></span></a>
              <ul class="dropdown-menu" role="menu">
                <script>
                var all_services = ['amd64', 'i386', 'arm64', 'armel', 'armhf', 'mips', 'mipsel', 'powerpc', 's390x'];
                for (var i = 0; i < all_services.length; i++) {
                  var arch = all_services[i];
                  var host = "debomatic-" + arch + '.debian.net';
                  if (host == location.hostname) {
                      document.write('<li class="disabled"><a>'+ arch +'</a></li>');
                  } else {
                      document.write('<li><a href="http://' + host + '">'+ arch +'</a></li>');
                  }
                }
                </script>
              </ul>
            </li>
          </ul>
          <div id="distributions">
            <ul class="nav navbar-nav"></ul>
          </div>
          <div id="pages">
            <ul class="nav navbar-nav pull-right">
              <% if (web.paths.history) { %>
              <li><a href="<%= web.paths.history %>">History</a></li>
              <% } %>
              <% if (web.paths.commands) { %>
              <li><a href="<%= web.paths.commands %>">Commands</a></li>
              <% } %>
              <% if (web.paths.preferences) { %>
              <li><a href="<%= web.paths.preferences %>">Preferences</a></li>
              <% } %>
            </ul>
          </div>
        </div>
      </nav>
