{% if nat_table_content %}
<h4>Network Address Translation (NAT)</h4>
{{nat_image}}

<table class="table table-hover">
	<tr>
		<th scope="col">Private End Point</th>
		<th scope="col">Protocol</th>
		<th scope="col">Private IPv4</th>
		<th scope="col">Private Port</th>
		<th scope="col">Public IPv4</th>
		<th scope="col">Public Port</th>
		<th scope="col">Public End Point</th>		
	</tr>

	{% for nat in nat_table_content %}
	<tr>
		<td>{{ nat.private_end }}</td>
		<td>{{ nat.protocol }}</td>
		<td>{{ nat.private_ipv4 }}</td>
		<td>{{ nat.private_port }}</td>
		<td>{{ nat.public_ipv4 }}</td>
		<td>{{ nat.public_port }}</td>
		<td>{{ nat.public_end }}</td>
	</tr>
	{% endfor %}
</table>
<br>
{% endif %}