{{define "header_additions"}}{{end}}
{{define "layout"}}<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="author" content="Joerg Lehmann">
    <meta name="description" content="der smarte LoraWAN GPS Tracker">
    <meta name="keywords" content="GPS,Tracker,LoraWAN,Schweiz">
    <meta property="og:title" content="wo-bisch.ch - der smarte GPS Tracker" />
    <title>wo-bisch.ch - der smarte GPS Tracker</title>
    <link rel="stylesheet" href="static/css/wo-bisch-web.css">
    <link rel="stylesheet" href="static/css/wo-bisch-web-custom.css">

    <script defer src="/static/js/fontawesome-5.11.2/all-minified.js"></script>
    <script src="/static/js/jquery-3.6.0/jquery.min.js"></script>
{{template "header_additions" . }}
  </head>
  <body>
    <div class="section px-4 py-4">
      <div class="container">
      <hr class="top" />
      <nav class="navbar" aria-label="main navigation">
        <div class="navbar-brand">
          <a class="navbar-item" href="/">
            <img src="/static/images/wo-bisch-logo-mit-schrift.png" alt="wo-bisch Logo" width="154" height="28">
          </a>
          <a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false">
            <span aria-hidden="true"></span>
            <span aria-hidden="true"></span>
            <span aria-hidden="true"></span>
          </a>
        </div>
        <div class="navbar-menu" id="navMenu">
          <div class="navbar-start">
            <a class="navbar-item" href="/">
              <div style="position:relative">  
                <span class="icon"><i class="fa fa-home"></i></span>
                <span>Home</span>
              </div>
            </a>
            <a class="navbar-item" href="/contact.html">
              <div style="position:relative">  
                <span class="icon"><i class="fa fa-address-card"></i></span>
                <span>Kontakt</span>
              </div>
            </a>
            <a class="navbar-item" href="/order.html">
              <div style="position:relative">  
                <span class="icon"><i class="fa fa-shopping-cart"></i></span>
                <span>Bestellen</span>
              </div>
            </a>
{{ if ne .UserName "" }}
            <a class="navbar-item" href="/tracker.html">
              <div style="position:relative">  
                <span class="icon"><i class="fa fa-map-marked-alt"></i></span>
                <span>Meine GPS Tracker</span>
              </div>
            </a>
{{ end }}
          </div>
          <div class="navbar-end">
{{ if ne .UserName "" }}
            <a class="navbar-item" href="/logout">
              <div style="position:relative">  
                <span class="icon"><i class="fa fa-sign-out-alt"></i></span>
                <span>Logout {{ .UserName }}</span>
              </div>
            </a>
{{ else }}
            <a class="navbar-item" href="/login.html">
              <div style="position:relative">  
                <span class="icon"><i class="fa fa-sign-in-alt"></i></span>
                <span>Login</span>
              </div>
            </a>
{{ end }}




          </div>
        </div>
      </nav>
      <hr />
      {{template "body_content" . }}
     </div>
    </div>
    <script src="/static/js/wo-bisch-web.js"></script>
  </body>
</html>
{{end}}
