{% extends "base.html" %}
{% import "_macros.html" as ui %}
{% block title %}Forwarding · sagittarius{% endblock %}
{% block content %}
<hgroup>
  <h1 class="sgt-page-title">{% call ui::icon("forwarding") %}{% endcall %}Conditional forwarding</h1>
  <p class="sgt-muted">Send queries under a zone suffix to a specific resolver instead of the upstream pool — typically the private reverse-DNS zones pointed at your router/DHCP server so <code>nslookup &lt;LAN IP&gt;</code> resolves network-wide.</p>
</hgroup>

{% if let Some(error) = error %}
<p class="sgt-notice sgt-notice--error" role="alert">{{ error }}</p>
{% endif %}

<form method="post" action="/forwarding/apply-all" class="sgt-actions">
  <input type="hidden" name="csrf_token" value="{{ chrome.csrf_token }}" />
  <input type="text" name="target" placeholder="192.168.1.1" aria-label="Router/DHCP resolver address" />
  <button type="submit">{% call ui::icon("forwarding") %}{% endcall %}Forward all reverse zones here</button>
</form>
<p class="sgt-muted">Points every zone below at one resolver and enables them — the one-click LAN setup. Fine-tune individual zones in the table.</p>

<div class="sgt-table-wrap">
  <table>
    <thead>
      <tr><th>Zone suffix</th><th>Target resolver</th><th>Status</th><th></th></tr>
    </thead>
    <tbody>
      {% for z in zones %}
      <tr>
        <td class="sgt-mono">{{ z.zone_suffix }}</td>
        <td>
          <form method="post" action="/forwarding/target" class="sgt-inline-form" role="group">
            <input type="hidden" name="csrf_token" value="{{ chrome.csrf_token }}" />
            <input type="hidden" name="id" value="{{ z.id }}" />
            <input type="text" name="target" value="{{ z.target }}" placeholder="192.168.1.1"
                   class="sgt-mono" aria-label="Target resolver for {{ z.zone_suffix }}" />
            <button type="submit" class="secondary outline sgt-btn-sm">{% call ui::icon("save") %}{% endcall %}Save</button>
          </form>
        </td>
        <td>
          {% if z.enabled %}<span class="sgt-badge sgt-badge--forwarded">enabled</span>
          {% else %}<span class="sgt-badge sgt-badge--other">disabled</span>{% endif %}
        </td>
        <td class="sgt-num">
          <form method="post" action="/forwarding/toggle" class="sgt-inline-form">
            <input type="hidden" name="csrf_token" value="{{ chrome.csrf_token }}" />
            <input type="hidden" name="id" value="{{ z.id }}" />
            <input type="hidden" name="enabled" value="{% if z.enabled %}false{% else %}true{% endif %}" />
            <button type="submit" class="secondary outline sgt-btn-sm">{% call ui::icon("toggle") %}{% endcall %}{% if z.enabled %}Disable{% else %}Enable{% endif %}</button>
          </form>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}