{% extends "app_base.html" %}

{% block title %}Settings{% endblock %}
{% block page_title %}Your account{% endblock %}

{% block content %}
  {% if saved %}<div class="status ok">Saved.</div>{% endif %}
  {% if error %}<div class="status err">{{ error }}</div>{% endif %}

  <section class="card">
    <h2 class="card-title">Profile &amp; photo library</h2>
    <form method="post" action="/settings">
      <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
      <label>Display name
        <input type="text" name="display_name" maxlength="64" value="{{ user.display_name }}">
      </label>
      <label>Email
        <input type="email" name="email" value="{{ user.email }}" placeholder="you@example.com">
      </label>
      <p class="sub" style="margin-top: 8px;">Used for password-reset links
        and, for frames you own, battery-low alerts (set a threshold in a
        frame's Configuration tab).</p>
      <label>Immich URL
        <input type="text" name="immich_url" placeholder="http://your-immich-host:2283"
               value="{{ user.immich_url }}">
      </label>
      <label>Immich API key
        <input type="password" name="immich_api_key" autocomplete="off"
               placeholder="{% if user.immich_api_key %}(unchanged -- enter a new key to replace){% else %}your-immich-api-key{% endif %}">
      </label>
      <p class="sub" style="margin-top: 8px;">Frames you own pull photos from
        this Immich library. The key needs read access to albums/assets/faces
        plus <code>sharedLink.create</code> for the on-frame share QR.</p>

      <h2 class="card-title" style="margin-top: 24px;">Change password</h2>
      <label>Current password
        <input type="password" name="current_password" autocomplete="current-password">
      </label>
      <label>New password
        <input type="password" name="new_password" minlength="8" autocomplete="new-password">
      </label>
      <p class="sub" style="margin-top: 8px;">Leave both blank to keep your
        current password.</p>

      <button type="submit">Save</button>
    </form>
  </section>
{% endblock %}