{% extends "base.html" %}

{% block title %}AS215085 - Router tools | BGP route lookup{% endblock %}

{% block page_header %}<H3>BGP Route lookup</H3>{% endblock %}

{% block content %}
    <script src="../static/js/pages/bgp-route.js"></script>
	<section id="bgp-route-lookup">
	    <h2>BGP route lookup</h2>
		<div class="input-group mb-3">
			<input
				type="text"
				id="prefixInput"
				class="form-control"
				placeholder="Type the prefix here, for example, 2606:4700:4700::/48 or 1.1.1.0/24"
				aria-label="Enter a prefix"
				onkeydown="if(event.key === 'Enter') loadBGPRoute()"
			/>
			<button class="btn btn-outline-primary" type="button" onclick="loadBGPRoute()">Lookup</button>
		</div>

        <div class="table-responsive">
		    <pre id="bgpOutput" aria-label="BGP Route Lookup output">Enter a prefix and click Lookup.</pre>
		</div> </section>
{% endblock %}