{{#if is_admin}}
  <a href="/admin/"> Neue Suche </a>
{{/if}}

<h1>{{user_firstname}} {{user_lastname}}</h1>
<h2>{{#if user_admin}}Administrator{{else}}{{#if user_teacher}}Lehrer{{else}}Schüler{{/if}}{{/if}}</h2>

<p>
<strong>Id: {{user_id}}</strong><br>
Vorname: {{user_firstname}}<br>
Nachname: {{user_lastname}}<br>
Jahrgangsstufe: {{user_grade}}<br>
{{#if user_username}}Benutzername: {{user_username}}<br>{{/if}}
{{#if user_logincode}}Logincode: {{user_logincode}}<br>{{/if}}
{{#if user_oauthid}}OAuth-Login: {{user_oauthprovider}} ({{user_oauthprovider}}-id: {{user_oauthid}})<br>{{/if}}
{{#if user_logged_id}}Ist eingeloggt <br>{{/if}}
</p>

<h2>Gruppen</h2>
{{#if user_group}}
   <h3>Admin von</h3>
      <table>
         <tr>
            <th>Id</th>
            <th>Name</th>
            <th>Gruppencode</th>
            <th>Klassen-/Kursbez.</th>
         </tr>

         {{#each user_group}}
            <tr>
               <td><a href="/admin/group/{{id}}">{{id}}:</a></td>
               <td><a href="/admin/group/{{id}}">{{name}}</a></td>
               <td>{{code}}</td>
               <td>{{tag}}</td>
            </tr>
         {{/each}}
      </table>
{{/if}}

{{#if user_group_id }}
<h3>Mitglied von</h3>
<ul>
   <li><a href="/admin/group/{{user_group_id}}">{{user_group_id}}: {{user_group_name}}</a></li>
</ul>
{{/if}}

<h2>Teilnahmen</h2>
<ul>
{{#each user_participations}}
   <li><a href="/admin/user/{{ ../user_id }}/{{ this.0 }}">{{this.0}}: {{this.1}}</a></li>
{{/each}}
</ul>

<h2>Benutzer löschen</h2>
<form id="delete" action="" method="post">
  <input type="hidden" name="csrf_token" value="{{csrf_token}}">
  <input type="submit" value="Benutzer löschen!">
</form>
<div id="deleted" style="color:black;"></div>
<script>
  document.getElementById("delete").onsubmit = function(event) {
    var xhr = new XMLHttpRequest();
    xhr.open("POST", window.location.href, true);
    xhr.onreadystatechange = function() {
      if (this.readyState === XMLHttpRequest.DONE) {
        if (this.status === 200) {
          result = JSON.parse(this.responseText);
          if (result.status == "ok") {
            document.getElementsByTagName("body")[0].style.color = "gray";
            document.getElementById("delete").style.display = "None";
            document.getElementById("deleted").innerText = "Benutzer gelöscht.";
          } else {
            alert("Kann Benutzer nicht löschen: " + result.reason);
          }
        }
        else {
          alert("Request error " + this.status + ": " + this.statusText);
        }
      }
    }
    xhr.send("csrf_token={{csrf_token}}");
    return false;
  };
</script>