{% extends "master.html" %}
{% load static %}
{% load svg %}


{% block title %}
  Details zu {{ mymember.vorname }} {{ mymember.nachname }}
{% endblock %}

{% block content %}
<div class="member-table">
  <h1>{{ mymember.vorname }} {{ mymember.nachname }}</h1>
  
  <p>Geburtsdatum: {{ mymember.geburtsdatum }}</p>

  <table>
    <thead>
      <tr>
        <th>Name</th>
        <th>Rolle</th>
        <th>Aktiv</th>
        <th>Aktionen</th>
      </tr>
    </thead>
    <tbody>
      {% for x in accounts %}
      <tr>
        <td>{{ x.username }}</td>
        <td>{{ x.rolle }}</td>
        <td>{% if x.aktiv %}{% inline_svg 'icons/uxwing/check.svg' 'icon' %}{% endif %}</td>
        <td><a href="{% url 'edit_account' x.id %}" title="Bearbeiten"><img src="{% static 'icons/heroicons/pencil.svg'%}" class="icon"></a> <a href="{% url 'delete_account' x.id %}" title="Löschen"><img src="{% static 'icons/heroicons/trash.svg'%}" class="icon"></a></td>
      </tr>
      {% endfor %}
      <tr>
        <td colspan="4">
          <a href="{% url 'create_account' mymember.id %}" class="button"><img src="{% static 'icons/heroicons/plus.svg'%}" class="icon"> Konto hinzufügen</a>
        </td>
      </tr>
    </tbody>
  </table>


  <p>Back to <a href="/members">Members</a></p>
</div>
{% endblock %}