{% extends "minecraft_manager/dashboard.html" %}
{% load static %}
{% block title %}Overview{% endblock %}
{% block head %}
    <script src="{% static 'minecraft_manager/js/chart.min.js' %}"></script>
{% endblock %}
{% block section %}
    <div id="content">
    <div class="row">
        <div class="col-xs-9 col-md-6">
            <h3>Applications: {{ data.total.application.all }}</h3>
            <p>Accepted: {{ data.total.application.accepted }}</p>
            <p>Denied: {{ data.total.application.denied }}</p>
            <br/>
            <h3>Tickets: {{ data.total.ticket.all }}</h3>
            <p>Claimed: {{ data.total.ticket.claimed }}</p>
            <p>Unclaimed: {{ data.total.ticket.unclaimed }}</p>
            <p>Resolved: {{ data.total.ticket.resolved }}</p>
            <p>Unresolved: {{ data.total.ticket.unresolved }}</p>
        </div>
        <div class="col-xs-9 col-md-6">
            <h3>Players: {{ data.total.player.all }}</h3>
            <p>Not Banned: {{ data.total.player.unbanned }}</p>
            <p>Banned: {{ data.total.player.banned }}</p>
            <br/>
            <h3>Warnings: {{ data.total.warning }}</h3>
            <br/>
            <h3>IPs: {{ data.total.ip }}</h3>
        </div>
    </div>
    <hr/>
    <div class="row">
        <div class="col-xs-9 col-md-6">
            <h3>Average Age: {{ data.average.age }}</h3>
        </div>
        <div class="col-xs-9 col-md-6">

        </div>
    </div>
    <hr/>
    <div class="row">
        <div class="col-xs-9 col-md-6">
            <h3>Acceptance Rate: {{ data.ratio.accepted }}</h3>
        </div>
        <div class="col-xs-9 col-md-6">
            <h3>Ban Rate: {{ data.ratio.banned }}</h3>
        </div>
    </div>
    </div>
{% endblock section %}