{% load static %}
<!DOCTYPE html>
{# Use data attributes as storage for access in static scripts #}
<html lang="en" data-api-base-url="{% url 'linkding:api-root' %}">
  {% block head %}
    {% include 'shared/head.html' %}
  {% endblock %}
  <body>
    <header class="container">
      {% if has_toasts %}
        <div class="message-list">
          <form action="{% url 'linkding:toasts.acknowledge' %}?return_url={{ request.path | urlencode }}"
                method="post">
            {% csrf_token %}
            {% for toast in toast_messages %}
              <div class="toast d-flex">
                {{ toast.message }}
                <button type="submit"
                        name="toast"
                        value="{{ toast.id }}"
                        class="btn btn-clear"></button>
              </div>
            {% endfor %}
          </form>
        </div>
      {% endif %}
      <div class="d-flex justify-between">
        <a href="{% url 'linkding:root' %}" class="app-link d-flex align-center">
          <img class="app-logo" src="{% static 'logo.png' %}" alt="Application logo">
          <span class="app-name">LINKDING</span>
        </a>
        <nav>
          {% if request.user.is_authenticated %}
            {# Only show nav items menu when logged in #}
            {% include 'shared/nav_menu.html' %}
          {% else %}
            {# Otherwise show login link #}
            <a href="{% url 'login' %}" class="btn btn-link">Login</a>
          {% endif %}
        </nav>
      </div>
    </header>
    <div class="content container">
      {% block content %}{% endblock %}
    </div>
    <div class="modals">
      {% block overlays %}{% endblock %}
    </div>
    {% include 'shared/dev_tool.html' %}
  </body>
</html>
