{% extends "base.html" %}
{% block content %}
  <div class="container">
    <nav class="navbar" role="navigation" aria-label="main navigation">
      <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbar">
        <span aria-hidden="true"></span>
        <span aria-hidden="true"></span>
        <span aria-hidden="true"></span>
      </a>
      <div id="navbar" class="navbar-menu">
        <div class="navbar-end">
          <div class="navbar-item">
            <strong>logout</strong>
          </div>
        </div>
      </div>
    </nav>
    <div class="logo">
      <img src="{{ url_for('static', path='svg/lumbung_space_logo.svg') }}" alt="lumbung.space logo">
    </div>
    <p>
      Hello, {{ user.preferred_username }} 👋
    </p>
    <h2>Services</h2>
    {% set site_list = ("tv","social","shouts","sounds","cloud","kios","pen","gallery","pixel","books") %}
    <div class="columns is-multiline is-gapless is-mobile">
      {% for i in site_list %}
        <div class="column site is-one-fifth-tablet is-one-third-mobile">
          <a href="https://{{i}}.lumbung.space">
            <img src="{{ url_for('static', path='svg/' ~ i ~'_lumbung.svg') }}" alt="lumbung.{{i}}">
            <p>lumbung.{{i}}</p>
          </a>
        </div>
      {% endfor %}
    </div>
    <div>
      <h2>Invites</h2>
      {% 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>
        {% endif %}

      <p>
        <button class="button is-ghost"><a href="{{ url_for('invite_keycloak_create') }}">Generate</a></button>
      </p>
    </div>
  </div>
  <footer class="footer">
    <div class="content footer-links">
      <span>
        Imprint
      </span>
      <span>
        Privacy Policy
      </span>
      <span>
        FAQ
      </span>
      <span>
        Community Agreement
      </span>
    </div>
  </footer>
{% endblock %}