{% extends 'mainlayout.html' %}

{% block scripts %}
  <script src="{{ url_for('static', filename='src/dh-select-all-mails.js') }}" defer>
  </script>
  <script src="{{ url_for('static', filename='src/dh-toggle-navbar.js') }}" defer>
  </script>
  <script src="{{ url_for('static', filename='src/dh-submit-sort-on-change.js') }}" defer>
  </script>
  <script src="{{ url_for('static', filename='src/dh-move-submit.js') }}" defer>
  </script>
  <script src="{{ url_for('static', filename='src/localtime.js') }}" defer>
  </script>
{% endblock %}

{% block content %}
  <section class="section container">

    {% include '_folders.html' %}

    {% with messages = get_flashed_messages() %}
      {% if messages %}
        {% for message in messages %}
          <p class="notification is-info">
            {{ message }}
          </p>
        {% endfor %}
      {% endif %}
    {% endwith %}

    {% include '_top_nav.html' %}

    {% if msgs %}
      {% include '_main_table.html' %}
    {% else %}
      <p class="section">
        {% trans %}This folder is empty!{% endtrans %}
      </p>
    {% endif %}

    {% include '_bot_nav.html' %}

  </section>
{% endblock %}