{% extends "base.html" %}
{% block title %}Settings{% endblock %}
{% block content %}
<table class="form-table" cellpadding="4" cellspacing="1">
  <tr class="forum-header"><th colspan="2">Profile Settings</th></tr>
  <tr class="forum-row-odd">
    <td colspan="2">
      <form method="POST">
        <table cellpadding="4" width="100%">
          <tr>
            <td width="120"><b>Username:</b></td>
            <td>{{ user.username }}</td>
          </tr>
          <tr>
            <td valign="top">
              <label for="signature"><b>Signature:</b></label>
              <br><span class="form-note">(HTML)</span>
            </td>
            <td>
              <textarea name="signature" id="signature" rows="8" cols="70">{{ user.signature }}</textarea>
              <br>
              <span class="form-note">
                HTML allowed. Content is sanitized for security.<br>
                HTML comments are preserved for institutional metadata annotations.<br>
                Example: <code>&lt;!-- Dept: Paleontology, Lab: B-12 --&gt;</code>
              </span>
            </td>
          </tr>
          <tr>
            <td></td>
            <td><button type="submit" class="btn">Save Settings</button></td>
          </tr>
        </table>
      </form>
    </td>
  </tr>
</table>

{% if user.signature %}
<table class="form-table" cellpadding="4" cellspacing="1" style="margin-top:10px;">
  <tr class="forum-header"><th>Signature Preview</th></tr>
  <tr class="forum-row-odd">
    <td>
      <div class="post-signature">
        {{ user.signature | safe }}
      </div>
    </td>
  </tr>
</table>
{% endif %}
{% endblock %}