[[ include ../_header ]]
	<h1>User: [[- profile.username ]]</h1>

  <nav>
    <a href="/staff">home</a>
    <a href="/staff/users">users</a>
    <a href="/staff/projects">projects</a>
  </nav>
  
  <hr>

  <table id="users">
    <tr>
      <td rowspan="999" valign="top">
        <a href="/staff/users/[[- profile.username ]]"><div style="background-image:url([[- profile.photo ]])" class="avatar"></div></a>
      </td>
      <td>
        <a href="/staff/users/[[- profile.username ]]">[[- profile.username ]]</a>
      </td>
      <td>
        [[- profile.displayName ]]
      </td>
      <td class="editLinks">
        <a href="/staff/users/[[- profile.username ]]">[view profile]</a>
      </td>
    </tr>
  </table>
  <br>
  <table style="margin-left: 50px;">
    <tr>
      <th>
        location
      </th>
      <td>
        [[- profile.location ]]
      </td>
    </tr>
    <tr>
      <th>
        last seen
      </th>
      <td>
        [[- profile.last_seen ]]
      </td>
    </tr>
    <tr>
      <th>
        ip addresses
      </th>
      <td>
        [[- profile.created_ip ]]
        [[- profile.last_ip ]]
      </td>
    </tr>
    <tr>
      <th>
        is admin?
      </th>
      <td id="is-staff">
        [[- profile.isStaff ? "yes" : "no" ]]
      </td>
    </tr>
    </tr>
    <tr>
      <th>
      </th>
      <td id="actions">
      [[ if (String(user._id) != String(profile._id)) { ]]
        <button id="toggle-staff" data-isStaff="[[- !! profile.isStaff ]]">Make Staff</button>
      [[ } ]]
      </td>
    </tr>
  </table> 
  <br><br>
  <div class="json">
    [[- profileJSON ]]
  </div>

[[ include ../_footer ]]
<style>
#actions button {
  float: none;
  width: auto;
}
}
</style>