{% extends "base.html" %}
{% block title %}Settings — The Spring{% endblock %}
{% block content %}

<div class="heading">Settings &middot; ~{{ u.username }}</div>

<form method="post" class="form">
  <label>
    <span>email <span class="mt" style="font-weight:normal;font-size:.72rem">(used only for password reset; never shown publicly)</span></span>
    <input type="email" name="email" value="{{ u.email or '' }}" placeholder="you@example.com">
  </label>

  <label style="display:flex;align-items:flex-start;gap:8px;padding:12px 0 4px;cursor:pointer">
    <input type="checkbox" name="notify_replies" value="1" {% if u.notify_replies %}checked{% endif %} style="margin-top:3px;flex-shrink:0">
    <span style="font-weight:normal;line-height:1.4">
      Email me when someone replies to a topic or post I've participated in
      <span class="mt" style="display:block;font-size:.75rem;color:#8a9878;margin-top:2px">Uncheck to turn off reply notifications. You'll still be able to post.</span>
    </span>
  </label>
  <label>
    <span>bio</span>
    <textarea name="bio" rows="6" maxlength="500" placeholder="say something about yourself (500 chars max)">{{ u.bio or '' }}</textarea>
  </label>

  <div class="heading" style="margin-top:24px;font-size:.85rem">change password</div>
  <label>
    <span>new password <span class="mt" style="font-weight:normal;font-size:.72rem">(leave blank to keep current)</span></span>
    <input type="password" name="new_password" minlength="8" placeholder="at least 8 characters">
  </label>
  <label>
    <span>confirm new password</span>
    <input type="password" name="new_password2" minlength="8">
  </label>

  <button type="submit">&raquo; save</button>
</form>

{% endblock %}