{% extends "machines/sidebar.html" %}

{% load bootstrap3 %}

{% block title %}Configuration de ports{% endblock %}

{% block content %}
  <h2>Liste des configurations de ports</h2>
  <a class="btn btn-primary btn-sm" role="button" href="#"><i class="glyphicon glyphicon-plus"></i>Ajouter une configuration</a>
  <table class="table table-striped">
    <thead>
      <tr>
	<th>Nom</th>
	<th>TCP (entrée)</th>
	<th>TCP (sortie)</th>
	<th>UDP (entrée)</th>
	<th>UDP (sortie)</th>
	<th></th>
      </tr>
    </thead>
    {% for pl in port_list %}
    <tr>
      <td>{{pl.name}}</td>
      <td>{% for p in pl.tcp_ports_in %}{{p.show_port}}, {%endfor%}</td>
      <td>{% for p in pl.tcp_ports_out %}{{p.show_port}}, {%endfor%}</td>
      <td>{% for p in pl.udp_ports_in %}{{p.show_port}}, {%endfor%}</td>
      <td>{% for p in pl.udp_ports_out %}{{p.show_port}}, {%endfor%}</td>
	<td class="text-right">
	  {% include 'buttons/suppr.html' with href='machines:del-portlist' id=pl.id %}
	  {% include 'buttons/edit.html' with href='machines:edit-portlist' id=pl.id %}
        </td>
    </tr>
    {%endfor%}
  </table>
  <br />
  <br />
  <br />
  
{% endblock %}