{% extends "base.html.twig" %}

{% block title %}Trafic Counter{% endblock %}

{% set redirectTime = 5 %}

{% block custom_meta %}

    {% if(grafanaRedirectUrl is not empty) %}
    <meta http-equiv="refresh" content="{{ redirectTime }};url={{ app.request.getSchemeAndHttpHost() }}/{{ grafanaRedirectUrl }}" />
    {% endif %}

{% endblock %}

{% block body %}

    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="bgc-white bd bdrs-3 p-20 mB-20">
                    <h4 class="c-grey-900"><i class="c-light-blue-500 fa fa-area-chart"></i> Traffic Counter
                        <a href="{{ path('admin_help', {'page': 'traffic-counter'}) }}"><span class="help-box" title="How to use Traffic Counter"></span></a>
                    </h4>
                    <hr class="mB-30">

                    {% if(grafanaRedirectUrl is not empty) %}

                        <p>You will be redirected to the Grafana in {{ redirectTime }} seconds.</p>
                        <p>Your login credentials are:</p>
                        <ul>
                            <li>Username: <b>{{ grafanaLoginUsername }}</b></li>
                            <li>Password: <b>{{ grafanaLoginPassword }}</b></li>
                        </ul>

                    {% else %}

                        <ul>
                            <li>Calculation of Monitoring group and individual device traffic is performed in interactive Grafana dashboard.</li>
                            <li>This Dwarfguard deployment <b>does not have Grafana Integration enabled</b>.</li>
                            <li>To enable the Grafana Integration you need server administration rights. <b>Contact your server admin</b>.</li>
                            <li>Information on how to enable Grafana Integration is provided in the in-app help.</li>
                        </ul>

                    {% endif %}

                </div>
            </div>
        </div>
    </div>

{% endblock body %}