{% load index %}
{% load static %}

<script src="{% static 'modal.js' %}"></script>
<div id="modal" class="modal is-active is-clipped">
  <div class="modal-background"></div>
  <div class="modal-content">
    <div class="box">
      {% include 'manage/threshold/partials/notify.html' %}
      <h4 class="subtitle is-4">Registration</h4>
      <div class="buttons">
        <button
          hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
          hx-post="{% url 'threshold_irc_actions_registration_auth' %}"
          hx-vals='{"net": "{{ net }}", "func": "recheckauth"}'
          hx-trigger="click"
          hx-target="#modals-here"
          class="button is-info">
          <span class="icon-text">
            <span class="icon">
              <i class="fa-solid fa-wrench"></i>
            </span>
            <span>Check auth</span>
          </span>
        </button>
        <button
          hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
          hx-post="{% url 'threshold_irc_actions_registration_auth' %}"
          hx-vals='{"net": "{{ net }}", "func": "resetauth"}'
          hx-trigger="click"
          hx-target="#modals-here"
          class="button is-info">
          <span class="icon-text">
            <span class="icon">
              <i class="fa-solid fa-wrench"></i>
            </span>
            <span>Reset auth</span>
          </span>
        </button>
        <button
          hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
          hx-post="{% url 'threshold_irc_actions_registration_auth' %}"
          hx-vals='{"net": "{{ net }}", "func": "register"}'
          hx-trigger="click"
          hx-target="#modals-here"
          class="button is-info">
          <span class="icon-text">
            <span class="icon">
              <i class="fa-solid fa-wrench"></i>
            </span>
            <span>Register</span>
          </span>
        </button>
      </div>
      {% if unreg is not None %}
        <form
          hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
          hx-put="{% url 'threshold_irc_actions_registration_net' net %}"
          hx-target="#actions"
          hx-swap="outerHTML">
          {% for network, items in unreg.items %}
            <h4 class="title is-4">{{ network }}</h4>
            {% if items is not False %}
              {% for nick, num in items %}
                <div class="field">
                  <label class="label">{{ nick }}/{{ num }}</label>
                  <div class="control">
                    <input class="input" type="text" name="{{ network }}|{{ num }}" placeholder="Enter token">
                  </div>
                </div>
              {% endfor %}
            {% else %}
              <p>Error getting information for {{ network }}.</p>
            {% endif %}
          {% endfor %}
          <button
            type="button"
            class="button is-light modal-close-button">
            Cancel
          </button>
          <button type="submit" class="button is-info modal-close-button">Submit</button>
          {# <script>activateButtons();</script> #}
        </form>
      {% else %}
        <p>No unregistered relays.</p>
      {% endif %}

    </div>
    <button class="modal-close is-large" aria-label="close"></button>
  </div>
</div>