@import models.User

@(context_path: String, users: Seq[User], id: String, status: String)

@main("IAT Manager - Admin", context_path, id, status) {
<div class="container">
  <div class="columns">
    <div class="column is-full box has-background-grey-light">
      <a
        class="button is-primary is-small is-pulled-right"
        href="@context_path/user/admin/create?lang=en"
        >Register a new user</a>
      <h1 class="title has-text-primary">
        Dashboard
      </h1>
      <div class="table-container is-size-7">
        <table
          class="table
            is-bordered
            is-hoverable
            is-fullwidth
            is-responsive
            has-background-grey-light"
        >
          <thead>
            <tr>
              <th width="20%">Id</th>
              <th class="">User</th>
              <th class="is-narrow">Status</th>
              <th class="is-narrow"></th>
            </tr>
          </thead>
          <tbody>
            @for(usr <- users) {
            <tr>
              <td>@usr._id</td>
              <td>@usr.username</td>
              <td>@usr.status</td>
              <td>
                @if(usr.status != "super_user") {
                <button
                  class="button is-small is-danger is-outlined is-fullwidth"
                  onclick='deleteRequest("@context_path/user/admin/@usr._id/delete",
                                         "@context_path/user/admin")'
                >
                  Delete
                </button>
                }
              </td>
            </tr>
            }
          </tbody>
          <tfoot>
            <tr>
              <th>Id</th>
              <th>User</th>
              <th>Status</th>
              <th></th>
            </tr>
          </tfoot>
        </table>
      </div>
    </div>
  </div>
</div>
<script
  type="text/javascript"
  src="@context_path/scripts/common/requests.js"
></script>

}