{% extends "base.html" %}

{% block content %}
<div class="container py-4">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item active" aria-current="page">Главная</li>
        </ol>
    </nav>

<!--    {% if auth_user %}-->
<!--    <div class="mb-4 alert alert-secondary">-->
<!--        Вы авторизованы как <b>{{ auth_user.username }}</b>. <a href="/deauth/">Выйти</a>-->
<!--    </div>-->
<!--    {% endif %}-->

    <h6>Интернет</h6>
    <ul class="list-group list-group-flush">
        <li class="list-group-item"><a href="/modem/">Модемы</a></li>
        <li class="list-group-item"><a href="/routing/">Маршрутизация</a></li>
        <li class="list-group-item"><a href="/sms/">SMS-сообщения</a></li>
    </ul>

    <h6 class="mt-4">Другое</h6>
    <ul class="list-group list-group-flush">
        <li class="list-group-item"><a href="/inverter/">Инвертор</a> (<a href="{{ grafana_inverter_url }}">Grafana</a>)</li>
        <li class="list-group-item"><a href="/pump/">Насос</a></li>
        <li class="list-group-item"><a href="/sensors/">Датчики</a> (<a href="{{ grafana_sensors_url }}">Grafana</a>)</li>
    </ul>

    <h6 class="mt-4"><a href="/cams/"><b>Все камеры</b></a> (<a href="/cams/?high=1">HQ</a>)</h6>
    <ul class="list-group list-group-flush">
        {% for id, name in cameras %}
        <li class="list-group-item"><a href="/cams/{{ id }}/">{{ name }}</a> (<a href="/cams/{{ id }}/?high=1">HQ</a>)</li>
        {% endfor %}
        <li class="list-group-item"><a href="/cams/stat/">Статистика</a></li>
    </ul>
</div>
{% endblock %}