{% extends "base.html" %}

{% block title %}AS215085 - Router tools | BGP Dampened Routes{% endblock %}

{% block page_header %}<H3>BGP Dampening</H3>{% endblock %}

{% block content %}
    <script src="{{ url_for('static', filename='js/pages/bgp_dampened.js') }}"></script>
    <section id="dampened-ipv4">
	    <h2>IPv4 BGP Dampened Routes</h2>
        <p id="dampened-summary-ipv4"></p>
        <div class="input-group mb-3">
            <input type="text" id="dampenedSearchIpv4" class="form-control" placeholder="Search in IPv4 dampened routes..." onkeyup="filterTable('dampenedSearchIpv4', 'dampenedTableIpv4')">
            <button id="refreshButton" class="btn btn-outline-primary" type="button" onclick="refreshDampenedTable()">
                <span id="refreshIcon">⟳</span>
                <span id="refreshSpinner" class="spinner-border spinner-border-sm d-none" role="status" aria-hidden="true"></span>
                Refresh data
            </button>
        </div>
		<p></p> <p>Status codes:  s suppressed, d damped, h history, * valid, > best, = multipath,
               i internal, r RIB-failure, S Stale, R Removed</p>
        <p></p> <p>Origin codes:  i - IGP, e - EGP, ? - incomplete</p>
        <p></p> <p>RPKI validation codes: V valid, I invalid, N Not found</p>
        
        <div class="table-responsive">
            <table class="striped" id="dampenedTableIpv4">
                <thead>
                    <tr>
                        <th class="sortable" onclick="sortTable('dampenedTableIpv4', 0, this)">Status <span class="sort-arrow"></span></th>
                        <th class="sortable" onclick="sortTable('dampenedTableIpv4', 1, this)">Prefix <span class="sort-arrow"></span></th>
                        <th class="sortable" onclick="sortTable('dampenedTableIpv4', 2, this)">From <span class="sort-arrow"></span></th>
                        <th class="sortable" onclick="sortTable('dampenedTableIpv4', 3, this)">Suppress Remain <span class="sort-arrow"></span></th>
                        <th class="sortable" onclick="sortTable('dampenedTableIpv4', 4, this)">Path <span class="sort-arrow"></span></th>
                    </tr>
                </thead>
                <tbody id="dampenedTableBodyIpv4">
                </tbody>
            </table>
        </div> <p><a href="/bgp/dampened/json">JSON version</a></p>
    </section>

    <section id="dampened-ipv6">
        <h2>IPv6 BGP Dampened Routes</h2>
        <p id="dampened-summary-ipv6"></p>
        <div class="input-group mb-3">
            <input type="text" id="dampenedSearchIpv6" class="form-control" placeholder="Search in IPv6 dampened routes..." onkeyup="filterTable('dampenedSearchIpv6', 'dampenedTableIpv6')">
            <button id="refreshButton2" class="btn btn-outline-primary" type="button" onclick="refreshDampenedTable()">
                <span id="refreshIcon2">⟳</span>
                <span id="refreshSpinner2" class="spinner-border spinner-border-sm d-none" role="status" aria-hidden="true"></span>
                Refresh data
            </button>
        </div>
		<p></p> <p>Status codes:  s suppressed, d damped, h history, * valid, > best, = multipath,
               i internal, r RIB-failure, S Stale, R Removed</p>
        <p></p> <p>Origin codes:  i - IGP, e - EGP, ? - incomplete</p>
        <p></p> <p>RPKI validation codes: V valid, I invalid, N Not found</p>
        
        <div class="table-responsive">
            <table class="striped" id="dampenedTableIpv6">
                <thead>
                    <tr>
                        <th class="sortable" onclick="sortTable('dampenedTableIpv6', 0, this)">Status <span class="sort-arrow"></span></th>
                        <th class="sortable" onclick="sortTable('dampenedTableIpv6', 1, this)">Prefix <span class="sort-arrow"></span></th>
                        <th class="sortable" onclick="sortTable('dampenedTableIpv6', 2, this)">From <span class="sort-arrow"></span></th>
                        <th class="sortable" onclick="sortTable('dampenedTableIpv6', 3, this)">Suppress Remain <span class="sort-arrow"></span></th>
                        <th class="sortable" onclick="sortTable('dampenedTableIpv6', 4, this)">Path <span class="sort-arrow"></span></th>
                    </tr>
                </thead>
                <tbody id="dampenedTableBodyIpv6">
                </tbody>
            </table>
        </div> <p><a href="/bgp/dampened/json">JSON version</a></p>
    </section>
{% endblock %}