{{define "title"}}Utilisateurs - Administration - Arcad{{end}}
{{define "body"}}
{{template "header" .}}
<section class="block">
  <div class="mt-6">
    {{template "admin_menu" "config"}}
  </div>
  <div>
    {{template "flash" .}}
    <div class="mt-6">
      <h4 class="text-xl text-center font-bold mb-8">Liste des utilisateurs</h4>
      <div class="text-right mr-4">
        <b>Total</b> {{ .UsersCount }}
      </div>
      <div class="container ">
          {{range .Users}}
          <div class="mt-4 w-11/12 m-auto max-w-sm bg-white rounded-lg border border-gray-200 shadow-md dark:bg-gray-800 dark:border-gray-700">
            <div class="flex flex-col items-center pb-3">
                <img class="mb-3 mt-3 w-24 h-24 rounded-full shadow-lg" src="/assets/team-poney-alone.svg"/>
                <h5 class="mb-1 text-xl font-medium text-gray-900 dark:text-white">{{ .Nickname}}</h5>
                <span class="text-sm text-gray-500 dark:text-gray-400">{{ .Nickname }}</span>
                <div class="flex mt-4 space-x-3 lg:mt-6">
                    <a href="/admin/users/{{ .ID }}" class="inline-flex items-center py-2 px-4 text-sm font-medium text-center text-white bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">Voir</a>
                    <a href="/admin/users/{{ .ID }}/delete" class="inline-flex items-center py-2 px-4 text-sm font-medium text-center text-gray-900 bg-white rounded-lg border border-gray-300 hover:bg-gray-100 focus:ring-4 focus:outline-none focus:ring-gray-200 dark:bg-gray-800 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-700 dark:focus:ring-gray-700">Supprimer</a>
                </div>
                <div class="flex mt-4 space-x-3 lg:mt-6">
                  <span>{{ localeTimeFormat .CreationTime "02/01/2006 15:04" "fr_FR" }}</span>
                  <span>{{ localeTimeFormat .LastSeenTime "02/01/2006 15:04" "fr_FR" }}</span>
                </div>
            </div>
          </div>   
        {{end}}
        </div>
    </div>
  </div>
</section>
{{end}}

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

{{template "base" .}}