{% if ipv4_ports %}
<h4>IPv4 ByteBlower Ports</h4>
<table class="table table-hover">
	<tr>
		<th scope="col">Port</th>
		<th scope="col">MAC Address</th>
		<th scope="col">IPv4 Address</th>
		<th scope="col">Default Gateway</th>
		<th scope="col">Netmask</th>
		<th scope="col">NAT</th>
		<th scope="col">VLAN</th>
		<th scope="col">MTU</th>
		<th scope="col">Docked</th>
	</tr>

	{% for port in ipv4_ports %}
	<tr>
		<td>{{ port.name }}</td>
		<td>{{ port.macAddress }}</td>
		<td>{{ port.ipAddress }}</td>
		<td>{{ port.gateway }}</td>
		<td>{{ port.netmask }}</td>
		<td>{{ port.nat }}</td>
		<td>{{ port.vlans }}</td>
		<td>{{ port.mtu }}</td>
		<td>{{ port.physicalInterface }}</td>
	</tr>
	{% endfor %}
</table>
<br>
{% endif %} 
{% if ipv6_ports %}
<h4>IPv6 ByteBlower Ports</h4>
<table class="table table-hover">
	<tr>
		<th scope="col">Port</th>
		<th scope="col">MAC Address</th>
		<th scope="col">IPv6 Address</th>
		<th scope="col">Router Address</th>
		<th scope="col">Prefix Length</th>
		<th scope="col">VLAN</th>
		<th scope="col">MTU</th>
		<th scope="col">Docked</th>
	</tr>

	{% for port in ipv6_ports %}
	<tr>
		<td>{{ port.name }}</td>
		<td>{{ port.macAddress }}</td>
		<td>{{ port.ipAddress }}</td>
		<td>{{ port.router }}</td>
		<td>{{ port.prefix }}</td>
		<td>{{ port.vlans }}</td>
		<td>{{ port.mtu }}</td>
		<td>{{ port.physicalInterface }}</td>
	</tr>
	{% endfor %}
</table>
{% endif %}