{% extends "base.html" %}

{% block main %}
<link rel="stylesheet" href="{{ settings.root_path }}/css_dist/viewer.css">
<div class="page-grid">
  <div class="page-grid__toolbar">
    <div class="page-grid__toolbar-utilities">
      <a class="button--secondary" href="settings" role="button">
        Portal Settings
      </a>
      <filter-menu
        identifier-hints="{{ attr_names | json }}"
        initial-value="{{ filter | json }}"
      ></filter-menu>
    </div>
    {% include "toolbar_user.html" %}
  </div>
  <div class="page-grid__sidebar">
    <div style="padding: 1rem;">
      {{ navbar | safe }}
    </div>
  </div>
  <main class="page-grid__main">
    <table-viewer columns="{{ columns | json }}"></table-viewer>
  </main>
</div>
<script type="module" src="{{ settings.root_path }}/js_dist/table-viewer.webc.mjs"></script>
<script type="module" src="{{ settings.root_path }}/js_dist/filter-menu.webc.mjs"></script>
{% endblock %}
