<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
      {% if title %}
      <title>{{ title }}</title>
      {% else %}
      <title>{{ get_setting('butterbox_name') }}</title>
      {% endif %}
        <link rel="stylesheet" href="{{ url_for('static', filename='css/bulma.min.css') }}">
        <link rel="stylesheet" href="{{ url_for('static', filename='css/butter_styles.css') }}">
        <link rel="stylesheet" href="{{ url_for('static', filename='font-awesome-4.7.0/css/font-awesome.min.css') }}">
        <script src="{{ url_for('static', filename='navbar.js') }}"></script>
        <script src="{{ url_for('static', filename='time.js') }}"></script>

    </head>
    <body>
<div class="container">


<nav class="navbar" role="navigation" aria-label="main navigation">

  <div class="navbar-brand">
    <a class="navbar-item" href="/"><img class="image" src="{{ get_setting('butterbox_logo') }}"></a>
     <a role="button" class="navbar-burger" is-active="true" aria-label="menu" aria-expanded="false" data-target="navbarBasic">
      <span aria-hidden="true"></span>
      <span aria-hidden="true"></span>
      <span aria-hidden="true"></span>
      <span aria-hidden="true"></span>
    </a>
  </div>

  <div id="navbarBasic" class="navbar-menu">
    <div class="navbar-start">
      <a href="{{ url_for('admin') }}" class="navbar-item"> <span class="icon">
          <i class="fa fa-user" aria-hidden="true"></i>
        </span>{{ _("Admin Settings") }}</a>
        {% if get_setting('enable_wifi_sharing') == 'true' %}
            <a href="{{ url_for('share') }}" class="navbar-item"> <span class="icon">
              <i class="fa fa-share" aria-hidden="true"></i>
            </span>{{ _("Share Access") }}</a>
        {%  endif %}
    </div>
      <div class="navbar-end">
      {% block navbar_logout %}{% endblock %}
      </div>
  </div>
</nav>

<div class="content"> </div>
    {% with messages = get_flashed_messages() %}
        {% if messages %}
    <div class="notification">
        <ul>
            {% for message in messages %}
            <li>{{ message }}</li>
            {% endfor %}
        </ul>
        </div>
        {% endif %}
        {% endwith %}

    {% block content %}{% endblock %}

</div>
    </body>
</html>
