{% load index %}

<div class="table-container relay_table_container" id="relays">
  <table class="table is-fullwidth is-hoverable relays-table">
    <thead>
      <th>id</th>
      <th>
        <span class="icon has-tooltip-bottom" data-tooltip="Registered">
          <i class="fa-solid fa-seal"></i>
        </span>
      </th>
      <th>
        <span class="icon has-tooltip-bottom" data-tooltip="Authenticated">
          <i class="fa-solid fa-passport"></i>
        </span>
      </th>
      <th>
        <span class="icon has-tooltip-bottom" data-tooltip="Connected">
          <i class="fa-solid fa-cloud-question"></i>
        </span>
      </th>
      <th>
        <span class="icon has-tooltip-bottom" data-tooltip="Enabled">
          <i class="fa-solid fa-toggle-on"></i>
        </span>
      </th>
      <th>
        <span class="icon has-tooltip-bottom" data-tooltip="Channels">
          <i class="fa-solid fa-hashtag"></i>
        </span>
      </th>
      <th>
        <span class="icon has-tooltip-bottom" data-tooltip="Chanlimit">
          <i class="fa-solid fa-list-ol"></i>
        </span>
      </th>
      <th>nick</th>
      <th>
        <span class="icon has-tooltip-bottom" data-tooltip="Actions">
          <i class="fa-solid fa-wrench"></i>
        </span>
      </th>
    </thead>
    <tbody>
      {% for relay in relays %}
        <tr>
          <td>{{ relay.id }}</td>
          <td>
            {% if relay.registered %}
              <span class="icon has-text-success">
                <i class="fa-solid fa-check" aria-hidden="true"></i>
              </span>
            {% else %}
              <span class="icon has-text-danger">
                <i class="fa-solid fa-xmark" aria-hidden="true"></i>
              </span>
            {% endif %}
          </td>
          <td>
            {% if relay.authed %}
              <span class="icon has-text-success">
                <i class="fa-solid fa-check" aria-hidden="true"></i>
              </span>
            {% else %}
              <span class="icon has-text-danger">
                <i class="fa-solid fa-xmark" aria-hidden="true"></i>
              </span>
            {% endif %}
          </td>
          <td>
            {% if relay.conn %}
              <span class="icon has-text-success">
                <i class="fa-solid fa-check" aria-hidden="true"></i>
              </span>
            {% else %}
              <span class="icon has-text-danger">
                <i class="fa-solid fa-xmark" aria-hidden="true"></i>
              </span>
            {% endif %}
          </td>
          <td>
            {% if relay.enabled %}
              <span class="icon has-text-success">
                <i class="fa-solid fa-check" aria-hidden="true"></i>
              </span>
            {% else %}
              <span class="icon has-text-danger">
                <i class="fa-solid fa-xmark" aria-hidden="true"></i>
              </span>
            {% endif %}
          </td>
          <td>
            {{ relay.chans }}
          </td>
          <td>{{ relay.limit }}</td>
          <td>
            {{ relay.nick }}
          </td>
          <td>
            <a
              hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
              hx-post="{% url 'modal_context' %}"
              hx-vals='{"net": "{{ net }}",
              "num": "{{ relay.id }}",
              "source": "irc",
              "channel": "*status",
              "time": "None",
              "date": "None",
              "index": "int",
              "type": "znc",
              "mtype": "None",
              "nick": "*status",
              "dedup": "on"}'
              hx-target="#modals-here"
              hx-trigger="click"
              class="button is-small has-background-info has-text-white">
              <span class="icon has-tooltip-left" data-tooltip="ZNC context">
                <i class="fa-brands fa-unity" aria-hidden="true"></i>
              </span>
            </a>
          </td>
        </tr>
        <tr>
          <td>
            <a
              hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
              hx-delete="{% url 'threshold_irc_network_relay_del' relay|index:'net' relay|index:'id' %}"
              hx-target="#relays"
              hx-swap="outerHTML"
              class="button is-small has-background-danger has-text-white">
              <span class="icon" data-tooltip="Delete">
                <i class="fa-solid fa-xmark" aria-hidden="true"></i>
              </span>
            </a>
          </td>
          <td>
            <a
              hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
              hx-post="{% url 'threshold_irc_network_relay_provision' relay|index:'net' relay|index:'id' %}"
              hx-target="#relays"
              hx-swap="outerHTML"
              class="button is-small has-background-info has-text-white">
              <span class="icon" data-tooltip="Provision">
                <i class="fa-solid fa-wrench" aria-hidden="true"></i>
              </span>
            </a>
          </td>
          <td>
            <a
              hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
              hx-post="{% url 'threshold_irc_network_relay_auth' relay|index:'net' relay|index:'id' %}"
              hx-target="#relays"
              hx-swap="outerHTML"
              class="button is-small has-background-info has-text-white">
              <span class="icon" data-tooltip="Enable authentication">
                <i class="fa-solid fa-passport" aria-hidden="true"></i>
              </span>
            </a>
          </td>
          <td></td>
          <td>
            {% if relay.enabled %}
              <a
                hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
                hx-get="{% url 'threshold_irc_network_relay_status' relay|index:'net' relay|index:'id' 0 %}"
                hx-target="#relays"
                hx-swap="outerHTML"
                class="button is-small has-background-warning">
                <span class="icon" data-tooltip="Disable">
                  <i class="fa-solid fa-wifi-slash" aria-hidden="true"></i>
                </span>
              </a>
            {% else %}
              <a
                hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
                hx-get="{% url 'threshold_irc_network_relay_status' relay|index:'net' relay|index:'id' 1 %}"
                hx-target="#relays"
                hx-swap="outerHTML"
                class="button is-small has-background-success has-text-white">
                <span class="icon" data-tooltip="Enable">
                  <i class="fa-solid fa-wifi" aria-hidden="true"></i>
                </span>
              </a>
            {% endif %}
          </td>
          <td></td>
          <td></td>
          <td></td>
          <td>
            <a
              hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
              hx-post="{% url 'modal_context' %}"
              hx-vals='{"net": "{{ net }}",
              "num": "{{ relay.id }}",
              "source": "irc",
              "channel": "{{ sinst.entity }}",
              "time": "None",
              "date": "None",
              "index": "int",
              "type": "auth",
              "mtype": "None",
              "nick": "{{ sinst.entity }}",
              "dedup": "on"}'
              hx-target="#modals-here"
              hx-trigger="click"
              class="button is-small has-background-info has-text-white">
              <span class="icon has-tooltip-left" data-tooltip="Auth ({{ sinst.entity }})">
                <i class="fa-solid fa-signature" aria-hidden="true"></i>
              </span>
            </a>
          </td>
        </tr>
      {% endfor %}
    </tbody>
  </table>
  <script>
    var modal_event = new Event('restore-relay-scroll');
    document.dispatchEvent(modal_event);
  </script>
  {% include 'manage/threshold/partials/notify.html' %}
</div>