{% extends "base.html" %}
{% block title %}
    <h2>Dashboard</h2>
{% endblock title %}
{% block content %}
    <div id="domains" class="frame">
        <nav class="display-large">
            <ul>
                <li>
                    <a href="{{ url_for("get_agents_view") }}">
                        {{ agents }} agent{{ 's' if agents > 1 }}
                    </a>
                </li>
                <li>
                    {{ waiting_tasks }} task{{ 's' if waiting_tasks > 1 }} awaiting to be processed
                </li>
            </ul>
            <ul>
                <li>
                    <input id="auto-refresh"
                           name="auto_refresh_enabled"
                           type="checkbox"
                           form="refresh-form"
                           {{ 'checked' if auto_refresh_enabled }}>
                    <label for="auto-refresh" class="inline-label">Auto-refresh</label>
                </li>
                <li>
                    <label class="inline-label">
                        Every
                        <input id="refresh-delay"
                               class="initial-width refresh-delay"
                               name="auto_refresh_seconds"
                               type="number"
                               form="refresh-form"
                               min="5"
                               value="{{ auto_refresh_seconds }}">
                        seconds
                    </label>
                </li>
                <li>
                    <form id="refresh-form"
                          class="refresh-form"
                          method="post"
                          action="{{ url_for("set_refresh_cookies_view") }}">
                        <input type="Submit">
                    </form>
                </li>
            </ul>
        </nav>
        <nav class="display-small">
            <ul>
                <li>
                    <a href="{{ url_for("get_agents_view") }}">
                        {{ agents }} agent{{ 's' if agents > 1 }}
                    </a>
                </li>
                <li>
                    {{ waiting_tasks }} task{{ 's' if waiting_tasks > 1 }} awaiting to be processed
                </li>
            </ul>
            <div>
                <ul>
                    <li>
                        <input id="auto-refresh-sm"
                               name="auto_refresh_enabled"
                               type="checkbox"
                               form="refresh-form-sm"
                               {{ 'checked' if auto_refresh_enabled }}>
                        <label for="auto-refresh-sm" class="inline-label">Auto-refresh</label>
                    </li>
                    <li>
                        <label class="inline-label">
                            Every
                            <input id="refresh-delay-sm"
                                   class="initial-width refresh-delay"
                                   name="auto_refresh_seconds"
                                   type="number"
                                   form="refresh-form-sm"
                                   min="5"
                                   value="{{ auto_refresh_seconds }}">
                            seconds
                        </label>
                    </li>
                    <li>
                        <form id="refresh-form-sm"
                              method="post"
                              class="refresh-form"
                              action="{{ url_for("set_refresh_cookies_view") }}">
                            <input type="Submit">
                        </form>
                    </li>
                </ul>
            </div>
        </nav>
        <div class="container">
            <div class="display-small">
                <a href="{{ url_for("get_domains_view").include_query_params(s="unknown") }}" class="article-domain-link">
                    <article title="Unknown">
                        ❔
                        <br>
                        {{ counts_dict['unknown'] }}
                    </article>
                </a>
                <a href="{{ url_for("get_domains_view").include_query_params(s="ok") }}" class="article-domain-link">
                    <article title="OK">
                        ✅
                        <br>
                        {{ counts_dict['ok'] }}
                    </article>
                </a>
                <a href="{{ url_for("get_domains_view").include_query_params(s="warning") }}" class="article-domain-link">
                    <article title="Warning">
                        ⚠️
                        <br>
                        {{ counts_dict['warning'] }}
                    </article>
                </a>
                <a href="{{ url_for("get_domains_view").include_query_params(s="critical") }}" class="article-domain-link">
                    <article title="Critical">
                        ❌
                        <br>
                        {{ counts_dict['critical'] }}
                    </article>
                </a>
            </div>
            <div class="grid grid-index display-large">
                <a href="{{ url_for("get_domains_view").include_query_params(s="unknown") }}" class="article-domain-link">
                    <article>
                        <header title="Unknown">
                            ❔
                        </header>
                        {{ counts_dict['unknown'] }}
                    </article>
                </a>
                <a href="{{ url_for("get_domains_view").include_query_params(s="ok") }}" class="article-domain-link">
                    <article>
                        <header title="OK">
                            ✅
                        </header>
                        {{ counts_dict['ok'] }}
                    </article>
                </a>
                <a href="{{ url_for("get_domains_view").include_query_params(s="warning") }}" class="article-domain-link">
                    <article>
                        <header title="Warning">
                            ⚠️
                        </header>
                        {{ counts_dict['warning'] }}
                    </article>
                </a>
                <a href="{{ url_for("get_domains_view").include_query_params(s="critical") }}" class="article-domain-link">
                    <article>
                        <header title="Critical">
                            ❌
                        </header>
                        {{ counts_dict['critical'] }}
                    </article>
                </a>
            </div>
            <p class="text-center">
                <a href="{{ url_for("get_domains_view").include_query_params(s="not-ok") }}"
                   class="outline"
                   role="button">
                    All not OK domains
                </a>
            </p>
        </div>
    </div>
{% endblock content %}