{% load simple_menu %}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% block title %}django-simple-menu example{% endblock %}</title>

    <link rel="stylesheet"
          href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
          integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
          crossorigin="anonymous"
    >
    <link rel="stylesheet"
          href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css"
    >


    {% block extra_head %}{% endblock extra_head %}
</head>
<body>
<header>
    <nav class="navbar navbar-expand navbar-dark bg-dark">
        <div class="container">
            <a class="navbar-brand" href="{% url 'accounts:index' %}">dsm
                example app</a>
            {% generate_menu %}
            {% include 'menu.html' with menu=menus.user navbar_class="ms-auto" %}
        </div>
    </nav>
    {% if has_submenu %}
        <nav class="navbar navbar-expand navbar-light bg-light"
             style="height:2.75rem">
            <div class="container">
                {% include 'menu.html' with menu=submenu %}
            </div>
        </nav>
    {% endif %}
</header>
{% block body %}{% endblock body %}
</body>
</html>
