{% 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">{{ "main"|lang }}</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>{{ "internet"|lang }}</h6>
    <ul class="list-group list-group-flush">
        <li class="list-group-item"><a href="/modems.cgi">{{ "modems"|lang }}</a></li>
        <li class="list-group-item"><a href="/routing.cgi">{{ "routing"|lang }}</a></li>
        <li class="list-group-item"><a href="/sms.cgi">{{ "sms"|lang }}</a></li>
    </ul>

    <h6 class="mt-4">{{ "misc"|lang }}</h6>
    <ul class="list-group list-group-flush">
        <li class="list-group-item"><a href="/inverter.cgi">{{ "inverter"|lang }}</a> (<a href="{{ inverter_grafana_url }}">Grafana</a>)</li>
        <li class="list-group-item"><a href="/pump.cgi">{{ "pump"|lang }}</a></li>
        <li class="list-group-item"><a href="/sensors.cgi">{{ "sensors"|lang }}</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">{{ "cams_by_zone"|lang }}</button>
            <button class="nav-link" type="button" id="cam_all_btn" data-id="all">{{ "cams_all"|lang }}</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 %}