{{define "title"}}Utilisateurs - Administration - Arcad{{end}}
{{define "body"}}
{{template "header" .}}
<section class="home is-fullheight section">
  <div class="container">
    <div class="columns">
      <div class="column is-2">
        {{template "admin_menu" "users"}}
      </div>
      <div class="column is-10">
        {{template "flash" .}}
        <h4 class="is-size-4">Liste des utilisateurs</h4>
        <div class="has-text-right">
          <b>Total</b> {{ .UsersCount }}
        </div>
        <div class="table-container">
          <table class="table is-hovered is-fullwidth is-striped">
            <thead>
              <tr>
                <th>Pseudonyme</th>
                <th>Date d'enregistrement</th>
                <th>Dernière connexion</th>
                <th>Actions</th>
              </tr>
            </thead>
            <tbody>
              {{range .Users}}
                <tr>
                  <td>{{ .Nickname }}</td>
                  <td>{{ localeTimeFormat .CreationTime "02/01/2006 15:04" "fr_FR" }}</td>
                  <td>{{ localeTimeFormat .LastSeenTime "02/01/2006 15:04" "fr_FR" }}</td>
                  <td>
                    <div class="field is-grouped">
                      <div class="control">
                        <a class="button is-danger is-small" href="/admin/users/{{ .ID }}/delete">Supprimer</a>
                      </div>
                      <div class="control">
                        <a class="button is-info is-small" href="/admin/users/{{ .ID }}">Voir</a>
                      </div>
                    </div>
                  </td>
                </tr>
              {{end}}
            </tbody>
          </table>
        </div>
      </div>
    </div>
    {{template "footer" .}}
  </div>
</section>
{{end}}

{{define "body_script"}}
<script defer src="/admin.js"></script>
{{end}}

{{template "base" .}}