{% extends "base.html" %}
{% from "_platforms.html" import platform_editor %}
{% block title %}Settings{% endblock %}
{% block content %}
<header class="page-head">
  <h1>Settings</h1>
  <p class="meta text">Your bank and investments. Categories are on the <a href="{{ url_for('main.rules_page') }}">Categories &amp; rules</a> page.</p>
</header>

<form method="post" action="{{ url_for('main.settings') }}" data-settings>
  <section class="panel" aria-labelledby="bank-title">
    <div class="panel-head">
      <h2 id="bank-title">Bank</h2>
      <p class="hint">Used in the monthly reminder and the "time to import" banner.</p>
    </div>
    <label class="bank-field">Bank name
      <input name="bank_name" value="{{ form.get('bank_name', '') }}" placeholder="e.g. Lloyds, Monzo, Nationwide" autocomplete="organization">
    </label>
  </section>

  <section class="panel" aria-labelledby="inv-title">
    <div class="panel-head">
      <h2 id="inv-title">Investments</h2>
      <p class="hint">Removing one returns its past payments to your other rules; they'll show as uncategorised if nothing else matches.</p>
    </div>
    {{ platform_editor(rows) }}
  </section>

  <div class="form-actions sticky-actions">
    <button class="button primary" type="submit">Save settings</button>
  </div>
</form>

<section class="panel" id="password" aria-labelledby="password-title">
  <div class="panel-head">
    <h2 id="password-title">Password</h2>
    {% if password_set %}
      <p class="hint">Keptwise asks for your password in each new browser session. Changing it logs out every other browser.</p>
    {% else %}
      <p class="hint">No password: anyone who can use this computer can open Keptwise. Add one if you share it.</p>
    {% endif %}
  </div>
  <form method="post" action="{{ url_for('main.password_settings') }}" class="password-form">
    {% if password_set %}
      <label>Current password
        <input type="password" name="current" autocomplete="current-password" required>
      </label>
    {% endif %}
    <div class="password-fields">
      <label>{{ 'New password' if password_set else 'Password' }}
        <input type="password" name="new" autocomplete="new-password" minlength="8">
      </label>
      <label>Type it again
        <input type="password" name="confirm" autocomplete="new-password" minlength="8">
      </label>
    </div>
    <div class="form-actions">
      <button class="button primary" type="submit" name="action" value="set">{{ 'Change password' if password_set else 'Set password' }}</button>
      {% if password_set %}
        <button class="button danger" type="submit" name="action" value="remove" formnovalidate>Remove password</button>
      {% endif %}
    </div>
  </form>
</section>

<section class="panel" aria-labelledby="data-title">
  <div class="panel-head"><h2 id="data-title">Your data</h2></div>
  <p class="data-path">Everything is stored on this computer in <code>{{ db_path }}</code>. A copy is saved in the <code>backups</code> folder next to it once a day.</p>
</section>
{% endblock %}