{% extends 'base.html' %}
{% block content %}
<h2>Account Center</h2>
<div class="detail-layout">
  <section class="stack">
    <article class="action-card">
      <h3>Your profile</h3>
      <p><strong>{{ user.username }}</strong> · {{ user.account_type }} · created {{ user.created_at }}</p>
      <form method="post">
        <input type="hidden" name="action" value="update_profile">
        <label>PGP public key
          <textarea name="pgp_public_key" rows="8" placeholder="Optional armored public key">{{ user.pgp_public_key or '' }}</textarea>
        </label>
        <label><input type="checkbox" name="notify_tickets" value="1" {% if user.notify_tickets %}checked{% endif %}> Notify me about ticket activity</label>
        <label><input type="checkbox" name="notify_messages" value="1" {% if user.notify_messages %}checked{% endif %}> Notify me about order messages</label>
        <label><input type="checkbox" name="notify_orders" value="1" {% if user.notify_orders %}checked{% endif %}> Notify me about order events</label>
        <button type="submit">Save account settings</button>
      </form>
    </article>

    <article class="action-card">
      <h3>Recent notifications</h3>
      <ul class="notification-list">
        {% for notification in notifications %}
        <li>
          <strong>{{ notification.title }}</strong><br>
          <small>{{ notification.notification_type }} · {{ notification.created_at }}{% if not notification.is_read %} · unread{% endif %}</small>
          {% if notification.body %}<div>{{ notification.body }}</div>{% endif %}
          {% if notification.link %}<a href="{{ notification.link }}">Open</a>{% endif %}
        </li>
        {% else %}
        <li>No notifications yet.</li>
        {% endfor %}
      </ul>
    </article>
  </section>

  <aside class="right-rail">
    <article class="action-card">
      <h3>Change password</h3>
      <form method="post" class="grid">
        <input type="hidden" name="action" value="update_password">
        <input type="password" name="current_password" placeholder="Current password" required>
        <input type="password" name="new_password" placeholder="New password (min 8 chars)" required>
        <button type="submit">Update password</button>
      </form>
    </article>
  </aside>
</div>
{% endblock %}