{% extends "base.html" %}

{% block content %}
{% include 'nav.html' %}
<!-- <div class="logo">
  <img src="{{ url_for('static', path='svg/lumbung_space_logo.svg') }}" alt="lumbung.space logo">
</div> -->
<div class="center-table">

  <div class="signup-form-box">
    <div class="form-header">
      <div id="formlogo" class="logo">
        <a href="https://lumbung.space">
          <img src="{{ url_for('static', path='svg/lumbung_space_logo.svg') }}" alt="lumbung.space logo">
        </a>
      </div>
    </div>
    <div class="form-body">
      <p>
        Hello {{user.preferred_username}}. On this page you can generate invite
        links for your friends to join lumbung.space! The invite links can be
        used by multiple people. Need more help? See <a href="https://panduan.lumbung.space/doc/memberslumbungspace-wP0a2k6Avl">panduan.lumbung.space</a>
        for more.
      </p>
      {% if user.preferred_username in invites and invites[user.preferred_username]|length > 0 %}
      <table>
        <tr>
          <th>Link</th>
          <th>Validity</th>
          <th>Actions</th>
        </tr>
        {% for invite in invites[user.preferred_username] %}
          <tr>
            <td>
              <a class="invite" href="{{ url_for('register_invite', invite=invite.link) }}">
                {{ url_for('register_invite', invite=invite.link) }}
              </a>
            </td>
            <td> {{ invite.validity }} </td>
            <td> <button class="button is-ghost"><a href="{{ url_for('invite_keycloak_delete') }}?invite={{ invite.link }}">delete</a></button></td>
          </tr>
        {% endfor %}
      </table>
      <div class="overflow-x:auto">

      </div>
      {% endif %}
      <button class="button is-ghost"><a href="{{ url_for('invite_keycloak_create') }}">Generate</a></button>
    </div>
  </div>
</div>
{% endblock %}