<!DOCTYPE html>
<html>

<head>
  <title></title>
  <link rel='stylesheet' href='/stylesheets/test.css' />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
  <script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>

<body>

  <div class="container">
      <p class="userinfo">Logged in as: testuser1</p>
      <img class="user_img">
      <br>
      <div class="col s6">
        <a href="/logout" class="waves-effect waves-light btn">Logout</a>
    </div>
      <br>
    <div class="row">
        <div class="input-field col s6">
          <input id="name" type="text" class="validate name">
          <label class="active" for="name">Name</label>
        </div>
        <div class="input-field col s6">
          <input id="description" type="text" class="validate description">
          <label class="active" for="description">Description</label>
        </div>
        <div class="col s6">
            <a class="waves-effect waves-light btn btn_add">add</a>
        </div>
    </div>
    <div class="row">
      <div class="col s12 m12 l6">
        <p>My Shoppinglists</p>
        <table>
          <thead>
            <th>Name</th>
            <th>Description</th>
            <th>Open</th>
            <th>Delete</th>
          </thead>
          <tbody class="tb_myshoppinglists"></tbody>
        </table>
      </div>

      <div class="col s12 m12 l6">
          <p>Shared Shoppinglists</p>
        <table>
          <thead>
            <th>Name</th>
            <th>Description</th>
            <th>Open</th>
          </thead>
          <tbody class="tb_sharedshoppinglists"></tbody>
        </table>
      </div>
    </div>
    <div>
      <p>JSON Objects & Routes</p>
      <a href="/myshoppinglists">Eigene Einkaufslisten anzeigen   /myshoppinglists</a><br>
      <a href="/sharedshoppinglists">Mit mir geteilte Einkaufslisten anzeigen   /sharedshoppinglists</a><br>
      <a href="/shoppinglist_json/0">Einkaufliste öffnen (Spar)   /shoppinglist/:id</a>
    </div>
  </div>

  <script src="/jquery/dist/jquery.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
  <script src="/javascripts/test.js"></script>
</body>

</html>