{% extends 'html.html.j2' %}
{% block body %}
  <header class="navbar">
      <section class="navbar-section menu-logo">
      <a class="site-home-link" href="{{url_for('pages.index')}}">
        <img class="site-logo" src="{{url_for('static', filename='img/projects_logo.svg')}}" alt="">
      </a>
      </section>
      <section class="navbar-section menu-main" id='menu-main'>
        <div class="close-mobile-menu" ></div>
        {# <a href="{{ url_for('pages.projects') }}" class="btn btn-link mr-2">Projektek</a> #}
        <div id="menu-root"></div>
      </section>
      <div class="mobile-menu" ></div>
      <section class="navbar-section menu-secondary">
        {% if current_user.is_authenticated %}
          <div class="chip user-menu">
              <div class="avatar avatar-sm avatar-letter">{{current_user.User_name[0]}}</div>
              <div id="current_user">{{ current_user.Teljes_nev }}</div>
            <div class="user-submenu">
              <div class="user-submenu-bg">
                <a href="{{ url_for('pages.my_account') }}">Fiókom</a>
                <a href="{{ url_for('auth_email.logout') }}">Kijelentkezés</a>
              </div>
            </div>
          </div>
          {% else %}
            <a class="btn btn-link mr-2" href="{{url_for('auth_email.login')}}">Log In</a>
        {% endif %}
      </section>
    </header>
    <main>
    {% with messages = get_flashed_messages(with_categories=true) %}
    {% if messages %}
        {% for category, message in messages %}
          <div class="toast toast-{{category}}">
          {{ message }}
          <button class="btn btn-clear float-right"></button>
        </div>
        {% endfor %}
    {% endif %}
    {% endwith %}
    {% block content %} {% endblock %}
    </main>
{% endblock %}