{% load static %}
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <link rel="stylesheet" type="text/css" href="{% static "core/css/bootstrap.min.css" %}">
        <link rel="stylesheet" type="text/css" href="{% static "core/css/material-icons.css" %}">
        <title>Network Inventory</title>
    </head>
<body>
    <div class="container">
        <a href="{% url 'customers' %}">Home</a> |
        <a href="{% url 'warranties' %}">Warranties</a> |
        {% if request.user.is_superuser %}
        <a href="{% url 'all_computers' %}">All Computers</a> |
        {% endif %}
        {% if user.is_authenticated %}
        <a href="{% url 'logout' %}">Logout</a> |
        {% else %}
        <a href="{% url 'login' %}" >Login</a> |
        {% endif %}
        <h1>{% block section_title %}Device Inventory{% endblock %}</h1>
        {% block content %}{% endblock %}
        <footer>
            {% block footer %}
            <div class="row mt-3">
                <p class="copyright">Created by Andreas Zweili licensed under GPLv3.0</p>
            </div>
            {% endblock %}
        </footer>
    </div>
    <script type="text/javascript" src="{% static "core/js/jquery.slim.min.js" %}"></script>
    <script type="text/javascript" src="{% static "core/js/popper.min.js" %}"></script>
    <script type="text/javascript" src="{% static "core/js/bootstrap.min.js" %}"></script>
</body>
</html>
