<!doctype html>
<html lang="en">
  <head>
    <title><?= $this->title ?></title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="pingback" href="https://webmention.io/aaronpk/xmlrpc" />
    <link rel="webmention" href="https://webmention.io/aaronpk/webmention" />

    <!-- standard viewport tag to set the viewport to the device's width
      , Android 2.3 devices need this so 100% width works properly and
      doesn't allow children to blow up the viewport width-->
    <meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" />
    <!-- width=device-width causes the iPhone 5 to letterbox the app, so
      we want to exclude it for iPhone 5 to allow full screen apps -->
    <meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)" />

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

    <script src="/js/jquery-1.7.1.min.js"></script>
    <script src="/libs/localforage.js"></script>

    <script src="/bootstrap/js/bootstrap.min.js"></script>
    <script src="/libs/tokenfield/bootstrap-tokenfield.min.js"></script>
    <link rel="stylesheet" href="/libs/tokenfield/bootstrap-tokenfield.min.css">
    <link rel="stylesheet" href="/libs/tokenfield/tokenfield-typeahead.min.css">

    <link rel="stylesheet" href="/css/style.css">

    <link rel="apple-touch-icon" sizes="57x57" href="/images/quill-icon-57.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/images/quill-icon-72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/images/quill-icon-114.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/images/quill-icon-144.png">
    <link rel="apple-touch-icon" sizes="196x196" href="/images/quill-icon-196.png">

    <link rel="icon" href="/favicon.ico" type="image/x-icon">
    <link rel="icon" sizes="196x196" href="/images/quill-icon-196.png">

    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="theme-color" content="#428bca">

    <link rel="manifest" href="/js/manifest.json">

    <script src="/js/script.js"></script>
    <script src="/js/date.js"></script>
    <script src="/js/cassis.js"></script>
  </head>

<body role="document">
<?php if(Config::$gaid): ?>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', '<?= Config::$gaid ?>']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
<?php endif ?>

<div class="page">

  <div class="container">
    <?= $this->fetch($this->page . '.php') ?>
  </div>

  <div class="footer">
    <div class="nav">
      <ul class="nav navbar-nav">

        <?php if(session('me') && isset($this->user)) { ?>
          <?php if(supports_post_type($this->user, 'article')): ?>
            <li><a href="/editor">📄 Editor</a></li>
          <?php endif; ?>
          <?php if(supports_post_type($this->user, 'note')): ?>
            <li><a href="/new">✏️ Note</a></li>
          <?php endif; ?>
          <?php if(supports_post_type($this->user, 'bookmark')): ?>
            <li><a href="/bookmark">🔖 Bookmark</a></li>
          <?php endif; ?>
          <?php if(supports_post_type($this->user, 'like')): ?>
            <li><a href="/favorite">👍 Favorite</a></li>
          <?php endif; ?>
        <?php } ?>

        <li><a href="/docs">Docs</a></li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <?php if(session('me')) { ?>
          <li><a href="/settings">⚙ <?= display_url(session('me')) ?></a></li>
          <li><a href="/signout">Sign Out</a></li>
        <?php } else if(property_exists($this, 'authorizing')) { ?>
          <li class="navbar-text"><?= $this->authorizing ?></li>
        <?php } else { ?>
          <form action="/auth/start" method="get" class="navbar-form">
            <input type="text" name="me" placeholder="yourdomain.com" class="form-control" />
            <button type="submit" class="btn">Sign In</button>
            <input type="hidden" name="redirect_uri" value="https://<?= $_SERVER['SERVER_NAME'] ?>/indieauth" />
          </form>
        <?php } ?>

      </ul>
    </div>

    <p class="credits">&copy; <?=date('Y')?> by <a href="https://aaronparecki.com">Aaron Parecki</a>.
      This code is <a href="https://github.com/aaronpk/Quill">open source</a>.
      Feel free to send a pull request, or <a href="https://github.com/aaronpk/Quill/issues">file an issue</a>.</p>
  </div>
</div>

</body>
</html>
