
<!doctype html>
<html class="no-js" lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>linkwallet</title>
    <link rel="stylesheet" href="/assets/css/foundation.min.css">
    <link rel="stylesheet" href="/assets/css/app.css">
    <script src="/assets/js/vendor/htmx.min.js" defer></script>
    <script src="/assets/js/vendor/hyperscript_web.min.js"></script>


  </head>
<body>

  <div class="top-bar">
    <div class="top-bar-left">
      <ul class="dropdown menu" data-dropdown-menu>
        <li class="menu-text">linkwallet</li>
        <li><a href="/">Home</a></li>
        <li>
          <a href="#">Admin</a>
          <ul class="menu vertical">
            <li><a href="/config">Configuration</a></li>
            <li><a href="/manage">Manage links</a></li>
            <li><a href="/export">Export all URLs</a></li>
          </ul>
        </li>
        <li><a href="javascript:void(window.open('{{ .config.BaseURL }}/bookmarklet?url=' +encodeURIComponent(window.location), 'windowName', 'width=640,height=480'))">Bookmarklet</a></li>

      </ul>
    </div>
    <div class="top-bar-right">
      <ul class="menu">
        {{ if newVersion }}
        <li>
          <div><a href="https://github.com/tardisx/linkwallet/releases/tag/{{ newVersion }}">{{ newVersion }} available</a></div>
        </li>
        {{ end }}
        <li class="menu-text">
          {{ version }}
        </li>
        <li>
          <a href="https://github.com/tardisx/linkwallet">
            <img src="/assets/image/GitHub-Mark-32px.png" width="16px" height="16px"/>
          </a>
        </li>
        <!-- <li><input type="search" placeholder="Search"></li>
        <li><button type="button" class="button">Search</button></li> -->
      </ul>
    </div>
  </div>

    <div class="grid-container">
      {{ if eq .page "root" }}
      {{ template "search.html" . }}
      {{ else if eq .page "bookmarklet_click" }}
      {{ template "bookmarklet.html" . }}
      {{ else if eq .page "manage" }}
      {{ template "manage.html" . }}
      {{ else if eq .page "config" }}
      {{ template "config.html" . }}
      {{ else if eq .page "edit" }}
      {{ template "edit.html" . }}
      {{ end }}
      {{/* template "foundation_sample.html" . */}}
    </div>

    <script src="/assets/js/vendor/what-input.js"></script>
    <script src="/assets/js/vendor/jquery.js"></script>
    <script src="/assets/js/vendor/foundation.js"></script>
    <script src="/assets/js/app.js"></script>
  </body>
</html>
