<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="{{@PACKAGE}}">
  <meta name="author" content="{{@AUTHOR}}">
  <meta name="license" content="{{@LICENSE}}">
  <meta name="license:uri " content="{{@LICENSEURL}}">
  <link rel="icon" href="{{@BASE}}/ui/favicon.ico">
  <link href="{{@BASE}}/ui/css/awsm.css" type="text/css" rel="stylesheet" />
  <title>{{@PACKAGE}}</title>

  <style>
  .hidden {
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  .hidden:hover {
    opacity: 1;
  }
  </style>

</head>
<body>
<header>
<h1><a href="{{@SCHEME}}://{{@HOST}}{{@BASE}}">{{@PACKAGE}}</a></h1>

<nav>
  <check if="{{@NAV.mapping=='vpanel'}}">
    <a href="{{@BASE}}/Websites">Websites</a> |
    <a href="{{@BASE}}/Email">Email</a> |
    <a href="{{@BASE}}/Databases">Databases</a> |
    <a href="{{@BASE}}/Certs">Certificates</a> |
    <a href="{{@BASE}}/Users">Users</a> |
    <check if="{{ @VDNSADMIN=='1' }}"><a href="{{@BASE}}/DNS">DNS</a> |</check>
    <a href="{{@BASE}}/Logout">Logout</a>
  </check>

  <check if="isset(@NAV.subnav)">
    <true>
      <p style="padding-top: 5px">
      >>
      <repeat group="{{ @NAV.subnav }}" key="{{ @NAV.subnav_path }}" value="{{ @NAV.subnav_name }}" counter="{{ @ctr }}">
        <check if="{{ @ctr }} > 1">/</check>
        <check if="{{ @NAV.subnav_count }} == {{ @ctr }}">
          <true>
            {{ @NAV.subnav_name  }}
          </true>
          <false>
            <a href="{{ @NAV.subnav_path  }}">{{ @NAV.subnav_name  }}</a>
          </false>
        </check>
      </repeat>
      </p>
    </true>
    <false>
      <check if="{{@NAV.mapping != 'vpanel'}}">
        <p style="padding-top: 5px">
        >>
        <a href="{{@BASE}}/Logout">Logout</a>
      </check>
    </false>
  </check>
</nav>
<check if="isset(@page_header)">
  <h1>{{@page_header}}</h1>
</check>
</header>
<main>
<check if="isset(@ERROR.text)">
  <h3>{{@ERROR.text}}</h3>
</check>
<check if="isset(@SESSION.messages)">
  <p>
    <section style="color:red">
      <repeat group="{{ @SESSION.messages }}" value="{{ @panel_message }}">
        {{ @panel_message | raw }}<br>
      </repeat>
    </section>
  </p>
  {~ unset($_SESSION['messages']); ~}
</check>