{% extends 'base.html' %}

{% block headerjs %}
<script>
$(document).ready(function() {
    $('#dashboard-nav').addClass('active');
});
</script>
{% endblock %}

{% block content %}

<div style="margin: 30px 10px;">
<div class="container-fluid">
    <div class="row">

        <div class="col-sm-6 col-lg-4 col-lg-offset-2">
            <div class="well">
                <table class="table table-striped table-border">
                    <thead>
                        <tr>
                            <th colspan="3">Check Statistics</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td style="width: 160px;">Check Results</td>
                            <td>{{ total_checks }}</td>
                            <td>(Last {{ check_logging_time }} days)</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div style="padding-bottom: 20px;">
                <a href="/gui/stats" class="btn btn-primary">See Live Stats <i class="fa fa-chevron-right fa-r"></i></a>
            </div>
        </div>

        <div class="col-sm-6 col-lg-4">
            <div class="well">
                <table class="table table-striped table-border" style="margin-bottom: 2rem;">
                    <thead>
                        <tr>
                            <th class="description" colspan="2">Agent Information</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td style="width: 120px;">Version</td>
                            <td>{{ agent_version }}</td>
                        </tr>
                        <tr>
                            <td>Agent Uptime</td>
                            <td>{{ uptime }}</td>
                        </tr>
                    </tbody>
                </table>
                <table class="table table-striped table-border">
                    <thead>
                        <tr>
                            <th class="description" colspan="2">System Information</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td style="width: 120px;">Node Name</td>
                            <td>{{ node }}</td>
                        </tr>
                        <tr>
                            <td>System</td>
                            <td>
                                <div>{{ system }} {{ release }}</div>
                                <div>{{ version }}</div>
                            </td>
                        </tr>
                        <tr>
                            <td>Processor Type</td>
                            <td>{{ processor }}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

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

{% endblock %}