<!DOCTYPE html>
<html>

<head>
  <title>delphi.market</title>
  <link rel="icon" type="image/x-icon" href="/favicon.ico" />
  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
  <link rel="manifest" href="/site.webmanifest" />
  <link rel="stylesheet" href="/index.css" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="theme-color" content="#091833" />
  {{ if eq .ENV "development" }}
  <script defer src="/hotreload.js"></script>
  {{ end }}
</head>

<body>
  <header class="flex flex-row text-center justify-center pt-1">
    <nav>
      <a href="/">home</a>
      {{ if .session }}
      <form action='/logout' method='post'>
        <button type='submit'>logout</button>
      </form>
      {{ else }} <a href="/login">login</a> {{ end }}
    </nav>
  </header>
  <div class="container flex flex-column text-center">
    <code>
        <strong>
          <pre>
     _      _       _     _        
  __| | ___| |_ __ | |__ (_)       
 / _` |/ _ \ | '_ \| '_ \| |       
| (_| |  __/ | |_) | | | | |       
 \__,_|\___|_| .__/|_| |_|_|.market
             |_|                   </pre>
        </strong>
      </code>
    <div class="font-mono mb-1">A prediction market using the lightning network [WIP]</div>
    <div class="font-mono mb-1">ACTIVE MARKETS</div>
    {{ range .markets }}
    <a href="/market/{{.Id}}">{{.Description}}</a>
    {{ end }}
  </div>
  <footer class="flex justify-center">
    <div>
      <hr />
      <code><a href="https://github.com/ekzyis/delphi.market/commit/{{.COMMIT_LONG_SHA}}">{{.VERSION}}</a></code>
    </div>
  </footer>
</body>

</html>