{% extends "base.html" %}
{% block title %}Account | Suvra{% endblock %}
{% block content %}
<section class="page-head">
  <h1>Account</h1>
  <p class="muted">Human session details, login state, and password reset entry points.</p>
</section>

{% if message %}
<p class="flash">{{ message }}</p>
{% endif %}
{% if error_message %}
<p class="flash">{{ error_message }}</p>
{% endif %}

<section class="mini-grid">
  <article class="mini-card">
    <h3>Identity</h3>
    <p class="mini-value">{{ account_user.display_name or account_user.user_id }}</p>
    <p class="muted">{{ account_user.email or account_user.user_id }}</p>
  </article>
  <article class="mini-card">
    <h3>Last Login</h3>
    <p class="mini-value" data-utc="{{ account_user.last_login_at or '' }}">{{ account_user.last_login_at or "-" }}</p>
    <p class="muted">Failed logins tracked: {{ account_user.failed_login_count or 0 }}</p>
  </article>
  <article class="mini-card">
    <h3>Active Sessions</h3>
    <p class="mini-value">{{ active_sessions|length }}</p>
    <p class="muted">Auth kind: {{ current_user.auth_kind }}</p>
  </article>
</section>

<section class="panel">
  <div class="panel-head">
    <h2>Security Actions</h2>
  </div>
  <div class="filter-bar">
    <a class="btn btn-secondary" href="/dashboard/password-reset">Reset password</a>
    <form method="post" action="/dashboard/account/logout-all">
      <input type="hidden" name="csrf" value="1" />
      <button type="submit" class="btn btn-destructive">Log out all sessions</button>
    </form>
  </div>
  <p class="muted">Password reset invalidates older password sessions. Log out all sessions revokes every active human session for this account.</p>
</section>

<section class="panel">
  <div class="panel-head">
    <h2>Recent Sessions</h2>
  </div>
  <table class="data-table">
    <thead>
      <tr>
        <th>Session</th>
        <th>Status</th>
        <th>Created</th>
        <th>Expires</th>
        <th>Last Seen</th>
        <th>Revoked By</th>
      </tr>
    </thead>
    <tbody>
      {% for row in recent_sessions %}
      <tr>
        <td><code>{{ row.session_id }}</code></td>
        <td>{{ row.status }}</td>
        <td data-utc="{{ row.created_at }}">{{ row.created_at }}</td>
        <td data-utc="{{ row.expires_at }}">{{ row.expires_at }}</td>
        <td data-utc="{{ row.last_seen_at or '' }}">{{ row.last_seen_at or '-' }}</td>
        <td>{{ row.revoked_by or '-' }}</td>
      </tr>
      {% else %}
      <tr>
        <td colspan="6" class="muted">No session history yet.</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</section>
{% endblock %}