extends layout
include ../templates/tree.pug

block append scripts
  script(src='/javascripts/tree.js', language='javascript')
  script.
    $(() => makeTree(document.querySelectorAll("#menuBar>div>ul.treeroot")[0]));

block content
  div(class='page-index')
    div(id="menuBar")
      ul(class="nav justify-content-center sticky-top")
        li(class="nav-item input-group-wrapper")
          div(class="input-group")
            span(class="input-group-text bi bi-search")
            input(type="text" class="form-control" id="searchinput")
        li(class="nav-item ms-auto d-flex align-items-center")
          a(href="/logout" class="nav-link bi bi-box-arrow-right")
      div
        +treeroot(tree)
    iframe(id="page",name="page",src="home")