{% extends "base.html" %}

{% load static %}

{% block extra_head %}
    <style>
        #center {
            text-align: center;
        }
        #title {
            font-size: 22px;
            font-weight: 600;
            margin-bottom: 30px;
        }
        #center p {
            font-size: 16px;
        }
        #buttons {
            margin-top: 50px;
        }
    </style>
{% endblock %}

{% block content %}

    <div id="center" class="centered-box">

        <div id="title">METRICS DATABASE IS {{ status }}</div>

        {% if status == "DOWN" %}
            <p>Please collect logs and contact INFINIDAT Support.</p>
        {% else %}
            <p>This may take a few minutes, please wait.</p>
            <script>
                setTimeout(function() {
                    window.location = window.location;
                }, 10000);
            </script>
        {% endif %}

        <div id="buttons">
            {% if status == "DOWN" %}
                <a onclick="collect_logs();" class="button">Collect Logs</a>
            {% endif %}
            <a href="/" class="button">Back</a>
        </div>

    </div>

{% endblock %}