<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" th:fragment="layout(title, main)">
<!--<html lang="en" xmlns:th="http://www.thymeleaf.org" th:fragment="layout">-->
<head>
  <meta charset="UTF-8"/>
  <title th:replace="${title}"></title>
  <meta name="viewport" content="width=device-width,initial-scale=1"/>
  <meta name="description" content=""/>
  <link href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="../static/reset.css" th:href="@{/reset.css}"/>
  <link rel="stylesheet" type="text/css" href="../static/style.css" th:href="@{/style.css}"/>
  <link rel="icon" href="../static/favicon.svg" th:href="@{/favicon.svg}"/>
</head>
<body>
<header>
  <nav class="navbar" role="navigation" aria-label="main navigation">
    <div class="navbar-brand">
      <a class="navbar-item" href="/">
<!--        <img src="https://bulma.io/images/bulma-logo.png" width="112" height="28">-->
        <h1 class="is-size-3">Workflow Enactment Engine</h1>
      </a>
      <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navigation-menu">
        <span aria-hidden="true"></span>
        <span aria-hidden="true"></span>
        <span aria-hidden="true"></span>
      </a>
    </div>

    <div id="navigation-menu" class="navbar-menu">
      <div class="navbar-start">
        <a class="navbar-item" href="/" >Home</a>
        <div class="navbar-item has-dropdown is-hoverable">
          <a class="navbar-link">Enactment</a>
          <div class="navbar-dropdown">
            <a href="https://msdl.uantwerpen.be/git/lucasalbertins/wee/src/master/README.md" class="navbar-item">About</a>
            <hr class="navbar-divider">
            <a href="https://msdl.uantwerpen.be/git/lucasalbertins/wee/issues" class="navbar-item">Report an issue</a>
          </div>
        </div>
      </div>

      <div class="navbar-end">
        <div class="navbar-item">
          <div class="buttons">
            <a href="https://msdl.uantwerpen.be/git/lucasalbertins/wee" class="button is-primary">
              <strong>?</strong>
            </a>
          </div>
        </div>
      </div>
    </div>
    <!--  <button id="toggle">Theme</button>-->
  </nav>
</header>
<main th:replace="${main}"></main>
<footer>
  <section>
<!--  https://stackoverflow.com/questions/30574093/how-to-implement-breadcrumbs-in-spring-mvc-thymeleaf  -->
    <nav class="breadcrumb pl-5 pr-5" aria-label="breadcrumbs">
      <ul>
        <li><a href="#">WEE</a></li>
        <li><a href="#">PM</a></li>
        <li class="is-active"><a href="#" aria-current="page">Index</a></li>
      </ul>
    </nav>
  </section>
</footer>
<script src="../static/main.js" th:src="@{/main.js}"></script>
</body>
</html>
