{% extends "base.j2" %}

{% 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="/modems.cgi">Модемы</a></li>
        <li class="list-group-item"><a href="/routing.cgi">Маршрутизация</a></li>
        <li class="list-group-item"><a href="/sms.cgi">SMS-сообщения</a></li>
    </ul>

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

    <nav class="mt-4">
        <div class="nav nav-tabs" id="nav-tab">
            <button class="nav-link active" type="button" id="cam_zones_btn" data-id="zones">По зонам</button>
            <button class="nav-link" type="button" id="cam_all_btn" data-id="all">Все камеры</button>
        </div>
    </nav>

    <div class="camzones" id="cam_zones">
        {% for zone in camzones %}
            <a href="/cams.cgi?zone={{ zone }}" class="camzone">
                <div class="camzone_text">{{ zone|lang('ipcam_zones') }}</div>
            </a>
        {% endfor %}
    </div>
    <ul class="list-group list-group-flush" id="cam_all" style="display: none">
        {% for id in allcams %}
            <li class="list-group-item"><a href="/cams.cgi?id={{ id }}">{{ id|lang('ipcam') }}</a></li>
        {% endfor %}
{#        <li class="list-group-item"><a href="/cams/stat/">Статистика</a></li>#}
    </ul>
</div>
{% endblock %}

{% block js %}
indexInit();
{% endblock %}