{% include "gateways/_services.html" %}
{% load i18n %}{% for m in messages %}<div class="msg{% if m.level_tag == 'error' %} error{% endif %}">{{ m }}</div>{% endfor %}
<div class="card">
  <p>{% blocktranslate trimmed with addr=gateway.uplink_address %}Phones reach each forward at
  <code>{{ addr }}:&lt;port&gt;</code>; the server only lets through the ports released for them. The Rivet gateway
  applies the rules as nftables DNAT (table <code>ip rivet</code>) and passes the connections on into the farm
  network. Without rules and services nothing is forwarded. Changes take effect after a few seconds, without
  devices having to be set up again.{% endblocktranslate %}</p>
  <div class="table-wrap"><table class="list">
    <tr><th>{% translate "Name" %}</th><th>{% translate "Port" %}</th><th>{% translate "Target" %}</th><th>{% translate "Access" %}</th></tr>
    {% for r in rules %}
    <tr><td>{{ r.name }}</td><td>{{ r.port }}</td><td>{{ r.ip }}:{{ r.target_port }}</td>
      <td>{% if r.access == "service" %}{% translate "Service" %}{% else %}{% translate "all" %}{% endif %}</td></tr>
    {% empty %}
    <tr><td colspan="4" class="muted">{% translate "No forward: nothing is reachable through the tunnel yet." %}</td></tr>
    {% endfor %}
  </table></div>
</div>
<div class="card">
  <h2>{% translate "Rule set" %}</h2>
  <form method="post">{% csrf_token %}<input type="hidden" name="action" value="rules">
    {% for e in rules_form.non_field_errors %}<div class="msg error">{{ e }}</div>{% endfor %}
    <p>{{ rules_form.rules }}</p>
    <pre class="muted">{{ help }}</pre>
    <p><button type="submit">{% translate "Save rule set" %}</button></p>
  </form>
</div>
<style>textarea.mono { width:100%; font:0.9rem/1.4 ui-monospace, monospace; padding:10px;
  border:1px solid var(--line); border-radius:8px; background:var(--card); color:var(--fg); }</style>