{{#*inline "page"}}

<div class="columns">
   <div class="column is-12 is-offset-1">
      <nav class="breadcrumb" aria-label="breadcrumbs">
         <ul>
            <li></li>
            <li><a href="/">Startseite</a></li>
            <li><a href="./">Gruppenübersicht</a></li>
            <li class="is-active"><a href=".">Gruppe &nbsp; <em>{{group.name}}</em></a></li>
         </ul>
      </nav>
   </div>
</div>
<div class="columns">
   <div class="column is-8 is-offset-2">
      <h3 class="title is-4">Gruppe <em>{{group.name}}</em></h3>
   </div>
</div>

<div class="columns">
   <div class="column is-8 is-offset-2">
      <p>
         <!-- Mitglieder: –<br> -->
         Klassen-/Kursbezeichnung: {{group.tag}}
      </p>
      <h4 class="subtitle is-5">Gruppencode: <strong>{{group.code}}</strong></h4>
      <p>
         Der Gruppencode dient zum Einloggen und erzeugt dabei neue Accounts.
         Dabei erhalten die Teilnehmer einen Logincode, mit dem sie sich erneut einloggen können.
         Den Logincode können Sie auch im Nachhinein unten in der Mitgliederliste einsehen.
      </p>
   </div>
</div>

<div class="columns">
   <div class="column is-8 is-offset-2">
      <h4 class="subtitle is-5">Mitglieder</h4>
      {{#if member}}
         Mitgliederdaten herunterladen: <a href="download/{{group.id}}">{{group.name}}.csv</a>
<table class="table">
   <tr>
      <th>Name</th>
      <th>Logincode</th>
      <th>Jahrgangstufe</th>
      <th></th>
   </tr>

   {{#each member}}
   <tr>
      <td><a href="/user/{{id}}">{{firstname}} {{lastname}}</a></td>
      <td>{{logincode}}</td>
      <td>{{grade}}</td>
      <td><a href="/user/{{id}}" class="button is-small">Bearbeiten …</a></td>
   </tr>
   {{/each}}

</table>
{{else}}
<em>
   Noch keine Mitglieder vorhanden.
   Sobald sich Teilnehmer mit dem Gruppencode oben einloggen, tauchen Sie an dieser Stelle auf.
</em>
  {{/if}}
   </div>
</div>

{{/inline}}
{{~> (parent)~}}

