{% extends "base.html" %}

{% block content %}
<section class="hero-card compact">
  <p class="kicker">{{ tr("Security Center") }}</p>
  <h1>{{ tr("Account Settings") }}</h1>
  <p class="lead">{{ tr("Your account is used to access wallet and order history. TTC provider credentials are managed by admin.") }}</p>
</section>

<section class="grid-two">
  <article class="panel">
    <h2>{{ tr("Profile") }}</h2>
    <p class="muted">{{ tr("Username") }}: <strong>{{ user_row['username'] }}</strong></p>
    <p class="muted">{{ tr("Email") }}: <strong>{{ user_row['email'] }}</strong></p>
    <p class="muted">{{ tr("Role") }}: <strong>{{ tr('Admin') if user_row['is_admin'] == 1 else tr('Member') }}</strong></p>
  </article>

  <article class="panel">
    <h2>{{ tr("Change Password") }}</h2>
    <form method="post" class="form-grid">
      <input type="hidden" name="csrf_token" value="{{ csrf_token }}" />
      <input type="hidden" name="action" value="password" />

      <label>
        {{ tr("Current Password") }}
        <input type="password" name="current_password" required autocomplete="current-password" />
      </label>

      <label>
        {{ tr("New Password") }}
        <input type="password" name="new_password" required minlength="8" autocomplete="new-password" />
      </label>

      <label>
        {{ tr("Confirm New Password") }}
        <input type="password" name="confirm_password" required minlength="8" autocomplete="new-password" />
      </label>

      <button type="submit" class="btn primary">{{ tr("Update password") }}</button>
    </form>
  </article>
</section>
{% endblock %}