{% load joinsep %}

<div id="aliases">
  {% include 'manage/threshold/partials/notify.html' %}
  {% if aliases is not None %}
    <div class="content" style="max-height: 30em; overflow: auto;">
      <div class="table-container">
        <table class="table is-fullwidth is-hoverable">
          <thead>
            <th>num</th>
            <th>nick</th>
            <th>realname</th>
            <th>emails</th>
          </thead>
          <tbody>
            {% for alias in aliases %}
              <tr>
                <td>
                  {{ alias.num }}
                </td>
                <td>
                  {{ alias.nick }}
                </td>
                <td>
                  {{ alias.realname }}
                </td>
                <td>
                  {{ alias.emails|joinsep:', ' }}
                </td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>

    </div>
    <div hx-target="#modals-here">
      <button hx-get="{% url 'threshold_irc_aliases_edit' %}" class="button is-info is-fullwidth">
        <span class="icon" data-tooltip="Edit">
          <i class="fa-solid fa-pencil" aria-hidden="true"></i>
        </span>
      </button>
    </div>
  {% endif %}
</div>