<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" th:fragment="layout(title, main)">
<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="@{/icon.svg}"/>
</head>
<body>
<header>
  <nav class="navbar" role="navigation" aria-label="main navigation">
    <div class="navbar-brand">
      <a class="navbar-item" href="/">
        <img th:src="@{/icon.svg}" width="28" 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/wiki" class="button is-primary">
              <strong>?</strong>
            </a>
          </div>
        </div>
      </div>
    </div>
  </nav>
</header>
<main th:replace="${main}"></main>
<!--<footer>-->
<!--  <section>-->
<!--    <nav class="breadcrumb pl-5 pr-5" aria-label="breadcrumbs">-->
<!--      <ul>-->
<!--        <li th:each="entry : ${breadcrumbs}" th:classappend="${entry.isCurrent} ? 'is-active' : ''">-->
<!--          <a th:href="${entry.href}" th:unless="${entry.isCurrent}" th:text="${entry.label}"></a>-->
<!--          <span th:if="${entry.isCurrent}" th:text="${entry.label}"></span>-->
<!--        </li>-->
<!--      </ul>-->
<!--    </nav>-->
<!--  </section>-->
<!--</footer>-->
<script src="../static/main.js" th:src="@{/main.js}"></script>
</body>
</html>
