<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>{$title}</title>
    <base href="{=BASE_URL}/" target="_self">
    <link rel="stylesheet" href="public/css/w3.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <style>
     .wrapper {
       min-height: calc(100vh - 60px);
     }
     .footer {
       height: 60px;
     }
    </style>
  </head>
  <body>
    <div class="wrapper">
      <header>
        <div role="navigation" class="w3-bar w3-deep-orange">
          <span class="w3-bar-item"><strong>{$title}</strong></span>
          <form action="{=BASE_URL}/search" method="POST" role="search" class="w3-bar-item w3-right w3-mobile">
            <input name="keywords" placeholder="{_}search{/_}" role="searchbox">
          </form>
          <a class="w3-bar-item w3-right w3-mobile" href="{=BASE_URL}/Help">{_}help{/_}</a>
          <a class="w3-bar-item w3-right w3-mobile" href="{=BASE_URL}">{_}home{/_}</a>
          <a class="w3-bar-item w3-right w3-mobile" href="{=BASE_URL}/list">{_}list{/_}</a>
          <a class="w3-bar-item w3-right w3-mobile" href="{=BASE_URL}/create">{_}create{/_}</a>
          <a class="w3-bar-item w3-right w3-mobile" href="{ifset $page->title}{=BASE_URL}/{$page->title}/edit{else}#{/ifset}">{_}edit{/_}</a>
        </div>
      </header>
      <main class="w3-main w3-container">
        {block content}
        {/block}
      </main>
    </div>
    <footer class="footer w3-padding-24 w3-center w3-small w3-gray">
      PlumWiki version 0.7
    </footer>
  </body>
</html>
