{% extends "base.html" %}
{% block title %}Profil{% endblock %}
{% block content %}
<div class="stack stack-sm">
  <h1>Profil</h1>
  <p class="text-muted">{{ user.display_name }} · <code>{{ user.username }}</code></p>
</div>
{% include "_flash.html" %}
<section class="card"><div class="card-body stack">
  <h2 class="text-lg">Benachrichtigungen</h2>
  <p class="text-sm text-muted">Per E-Mail: wenn ein Antrag auf deine Freigabe wartet und wenn über deinen Antrag entschieden wurde.</p>
  {% if not mail_ready %}<div class="alert alert-info" role="status"><div class="alert-content"><p>Der Mailversand ist auf dieser Plattform noch nicht eingerichtet. Die Einstellungen gelten, sobald er es ist.</p></div></div>{% endif %}
  <form method="post" action="/profile" class="stack stack-sm aiw-form">
    <input type="hidden" name="_csrf" value="{{ p.csrf }}">
    <div class="form-group"><label for="email">E-Mail-Adresse</label>
      <input id="email" name="email" type="email" maxlength="254" value="{{ user.email or '' }}" autocomplete="email"></div>
    <label class="cluster"><input type="checkbox" name="notify_me" value="1" {% if user.notify %}checked{% endif %}> E-Mails zu Freigaben erhalten</label>
    <div class="cluster">
      <button class="btn btn-primary btn-sm" type="submit">Speichern</button>
    </div>
  </form>
  {% if user.email and mail_ready %}
  <form method="post" action="/profile/test-email">
    <input type="hidden" name="_csrf" value="{{ p.csrf }}">
    <button class="btn btn-ghost btn-sm" type="submit">Test-Mail an mich</button>
  </form>
  {% endif %}
</div></section>
<section class="card"><div class="card-body stack stack-sm">
  <h2 class="text-lg">Passwort</h2>
  <p><a class="btn btn-secondary btn-sm" href="/password">Passwort ändern</a></p>
</div></section>
{% endblock %}