| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546 | 
<!DOCTYPE html><html><head>    <title>Backend</title>    <meta name="viewport" content="width=device-width, initial-scale=1">    <script src="/static/js/main.js"></script></head><body>    <nav class="navbar navbar-expand-md navbar-dark bg-dark">        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsDefault" aria-controls="navbarsDefault" aria-expanded="false" aria-label="Toggle navigation">            <span class="navbar-toggler-icon"></span>        </button>        <div class="collapse navbar-collapse" id="navbarsDefault">            <ul class="navbar-nav mr-auto">                {%- for item in current_menu.children recursive -%}                <li class="nav-item {{ 'active' if item.active }}" data-toggle="tooltip" data-placement="right" title="{{ item.text }}">                    <a class="nav-link" href="{{ item.url}}">                        <span class="nav-link-text">{{ item.text }}</span>                    </a>                </li>                {%- endfor -%}            </ul>            <ul class="navbar-nav">                <li class="nav-item text-nowrap">                      <a class="nav-link" href="#">Sign out</a>                </li>            </ul>        </div>    </nav>    <main class="container mt-3">        {% with messages = get_flashed_messages(with_categories=true) %}        {% if messages %}        {% for category, message in messages %}        <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">            {{ message }}            <button type="button" class="close" data-dismiss="alert" aria-label="Close">                <span aria-hidden="true">×</span>            </button>        </div>        {% endfor %}        {% endif %}        {% endwith %}        {% block content %}{% endblock %}    </main></body>
 |