{% extends "base.html" %}

{% block title %}AS215085 - Router tools | Akvorado{% endblock %}

{% block content %}
	<script src="../static/js/chart.js"></script>
	<script src="../static/js/pages/akvorado.js"></script>
    <section id="akvorado">
        <div id="achart-container">
            <div class="achart-wrapper" id="src-as-chart">
                <h5>Top source AS</h5>
                <canvas id="pieChart1"></canvas>
                <div id="legend1" class="alegend"></div>
            </div>
            <div class="achart-wrapper" id="source-ports-chart">
                <h5>Top source ports</h5>
                <canvas id="pieChart2"></canvas>
                <div id="legend2" class="alegend"></div>
            </div>
            <div class="achart-wrapper" id="protocols-chart">
                <h5>Top protocols</h5>
                <canvas id="pieChart3"></canvas>
                <div id="legend3" class="alegend"></div>
            </div>
            <div class="achart-wrapper" id="source-countries-chart">
                <h5>Top source countries</h5>
                <canvas id="pieChart4"></canvas>
                <div id="legend4" class="alegend"></div>
            </div>
            <div class="achart-wrapper" id="source-etype-chart">
                <h5>IPv4/IPv6</h5>
                <canvas id="pieChart5"></canvas>
                <div id="legend5" class="alegend"></div>
            </div>
        </div>
    </section>
{% endblock %}