{% extends "base.html" %}
{% import "_macros.html" as ui %}
{% block title %}Upstreams · sagittarius{% endblock %}
{% block content %}
<hgroup>
  <h1 class="sgt-page-title">{% call ui::icon("upstreams") %}{% endcall %}Upstream resolvers</h1>
  <p class="sgt-muted">Where cache-miss queries are forwarded. One is chosen at random per query, with failover. v0.1 requires an IP address.</p>
</hgroup>

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

<form method="post" action="/upstreams/add" class="sgt-actions">
  <input type="hidden" name="csrf_token" value="{{ chrome.csrf_token }}" />
  <input type="text" name="address" placeholder="1.1.1.1" required aria-label="Address" />
  <select name="transport" aria-label="Transport">
    <option value="udp">UDP</option>
    <option value="tcp">TCP</option>
    <option value="dot">DoT</option>
    <option value="doh">DoH</option>
  </select>
  <input type="text" name="server_name" placeholder="TLS server name (DoT/DoH)" aria-label="TLS server name" />
  <button type="submit">{% call ui::icon("add") %}{% endcall %}Add</button>
</form>

{% if upstreams.is_empty() %}
<p class="sgt-notice sgt-notice--error">No upstreams configured — DNS forwarding will fail until one is added.</p>
{% else %}
<div class="sgt-table-wrap">
  <table>
    <thead>
      <tr><th>Address</th><th>Transport</th><th>TLS name</th><th>Status</th><th></th></tr>
    </thead>
    <tbody>
      {% for u in upstreams %}
      <tr>
        <td class="sgt-mono">{{ u.address }}</td>
        <td>{{ u.transport }}</td>
        <td class="sgt-mono">{% if u.server_name.is_empty() %}<span class="sgt-muted">—</span>{% else %}{{ u.server_name }}{% endif %}</td>
        <td>
          {% if u.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">
          <div class="sgt-actions">
            <form method="post" action="/upstreams/toggle" class="sgt-inline-form">
              <input type="hidden" name="csrf_token" value="{{ chrome.csrf_token }}" />
              <input type="hidden" name="id" value="{{ u.id }}" />
              <input type="hidden" name="enabled" value="{% if u.enabled %}false{% else %}true{% endif %}" />
              <button type="submit" class="secondary outline sgt-btn-sm">{% call ui::icon("toggle") %}{% endcall %}{% if u.enabled %}Disable{% else %}Enable{% endif %}</button>
            </form>
            <form method="post" action="/upstreams/remove" class="sgt-inline-form">
              <input type="hidden" name="csrf_token" value="{{ chrome.csrf_token }}" />
              <input type="hidden" name="id" value="{{ u.id }}" />
              <button type="submit" class="secondary outline sgt-btn-sm">{% call ui::icon("remove") %}{% endcall %}Remove</button>
            </form>
          </div>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endif %}
{% endblock %}