@include(snippets/header)
<h1>Settings</h1>
@if(session.avatar)<a href="/{{ session.avatar }}"><img id="img_avatar" src="/t/{{ session.avatar }}.webp" /></a>@endif
<h2>Account</h2>
<table class="table">
  <tbody>
    <tr>
      <td>UserID</td>
      <td>{{ session.id }}</td>
    </tr>
    <tr>
      <td>level</td>
      <td>{{ session.level }}/100</td>
    </tr>
    <tr>
      <td>username</td>
      <td>{!! session.user !!}</td>
    </tr>
    <tr>
      <td>avatar</td>
      <td><input type="text" class="input" name="i_avatar" value="{{ session.avatar }}" /><input type="submit" id="s_avatar" value="save" /></td>
    </tr>
  </tbody>
</table>
<h2>Sessions</h2>
<table class="table">
  <thead>
    <tr>
      <th>&nbsp;</th>
      <th>id</th>
      <th>&nbsp;</th>
      <th>last action</th>
    </tr>
  </thead>
  <tbody>
    @each(sessions as sess)
    <tr@if(sess.id === session.sess_id) style="background-color: rgb(0, 89, 0)"@endif>
      <td>{{ sess.kmsi ? '&#9875;' : '' }}</td>
      <td tooltip="{{ sess.browser }}" flow="right">
        <p>{{ sess.id }}</p>
        <p><a href="#" onclick="alert('not yet implemented!');">logout</a></p>
      </td>
      <td>
        <p>last_used: {{ new Date(sess.last_used * 1e3).toLocaleString("de-DE") }}</p>
        <p>created_at: {{ new Date(sess.created_at * 1e3).toLocaleString("de-DE") }}</p>
      </td>
      <td><a href="{{ sess.last_action }}" target="_blank">{{ sess.last_action }}</a></td>
    </tr>
    @endeach
  </tbody>
</table>
@include(snippets/footer)