{% extends "admin/base.html" %}

{% block content %}
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/c3/0.4.0/c3.min.css">

<div class="row">
    <h1 id="team-id">{{ team.name }}</h1>

    <div id="keys-pie-graph"></div>
    <div id="categories-pie-graph"></div>

    <table>
        <thead>
            <tr>
                <td><b>Challenge</b></td>
                <td><b>Category</b></td>
                <td><b>Value</b></td>
                <td><b>Time</b></td>
            </tr>
        </thead>
        <tbody>
        {% for solve in solves %}
            <tr><td>{{ solve.chal.name }}</td><td>{{ solve.chal.category }}</td><td>{{ solve.chal.value }}</td><td class="solve-time">{{ solve.date|unix_time_millis }}</td></tr>
        {% endfor %}
        </tbody>
    </table>

    <table>
        <thead>
            <tr>
                <td><b>IP Address</b></td>
                <td><b>Last Seen</b></td>
            </tr>
        </thead>
        <tbody>
        {% for addr in addrs %}
            <tr><td>{{ addr.ip|long2ip }}</td><td class="solve-time">{{ addr.date|unix_time_millis }}</td></tr>
        {% endfor %}
        </tbody>
    </table>

    <div id="score-graph"></div>
</div>


{% endblock %}

{% block scripts %}
    <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.4.13/d3.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/c3/0.4.0/c3.min.js"></script>
    <script src="/static/admin/js/team.js"></script>
{% endblock %}