{% extends "base.html" %}

{% block title %}AS215085 - Router tools | BGP Peer History{% endblock %}

{% block content %}
<section id="graph-container">
    <h2>Prefix History for {{ neighbor_ip }}</h2>
    
    <div class="d-flex justify-content-end align-items-center mb-3">
        <div class="btn-group" role="group" aria-label="Time range">
            <button type="button" class="btn btn-outline-primary active" data-range="24h">24H</button>
            <button type="button" class="btn btn-outline-primary" data-range="7d">7D</button>
            <button type="button" class="btn btn-outline-primary" data-range="30d">30D</button>
			<button type="button" class="btn btn-outline-primary" data-range="90d">90D</button>
        </div>
        </div>

    <div class="achart-wrapper-chart">
        <canvas id="peerHistoryChart"></canvas>
    </div>
	<button type="button" class="btn btn-primary mt-3" onclick="window.close()">
          <i class="fas fa-window-close"></i> Back to BGP overview
        </button>
</section>

<script src="{{ url_for('static', filename='js/chart.js') }}"></script>
<script src="{{ url_for('static', filename='js/chartjs-adapter-date-fns') }}"></script>
<script>
    const neighborIp = "{{ neighbor_ip }}";
</script>
<script src="{{ url_for('static', filename='js/pages/bgp_peer_graph.js') }}"></script>

{% endblock %}