{% load static %}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <title>{% block title %}{% endblock %}</title>
    <link rel="stylesheet" content="text/css" href="{% static 'inventory/css/main.css' %}">
    {% block head %}{% endblock %}
</head>
<body>
    <nav>
        <h2>
        {% block header_bar %}
        {% endblock %}
        </h2>

        <div class="spacer">
        </div>

        <ul>
            {% block header_icons %}
            {% endblock %}
        </ul>

        {% if user.is_authenticated %}
        <form method="POST" action="{% url "logout" %}">
            {% csrf_token %}
            <button><img class="icon" src="{% static "inventory/img/logout.svg" %}"> Logout</button>
        </form>
        {% endif %}
    </nav>

    <main>
        {% block content %}
        {% endblock %}
    </main>
    <script>
    {% block site_scripts %}
    {% endblock %}
    </script>
</body>
</html>