{% extends "base.html" %}
{% set nav_active = "accounts" %}
{% block title %}Konta{% endblock %}

{% block styles %}<link rel="stylesheet" href="{{ static('s-accounts.css') }}">
{% endblock %}

{% block content %}
<p class="muted">
  Konta i ich dostęp do funkcji programu. Konto <strong>{{ admin_login }}</strong>
  pochodzi z konfiguracji środowiska, ma wszystkie uprawnienia i jest jedynym,
  które może zarządzać pozostałymi — dlatego nie ma go na tej liście i nie da się
  go stąd skasować.
</p>
<p class="muted small">
  Osoba na koncie ograniczonym widzi wyłącznie przyznane jej zakładki i opcje.
  Nic w programie nie pokazuje jej, że istnieje coś więcej — niedostępne adresy
  odpowiadają tak samo jak nieistniejące.
</p>

{% if error %}<p class="notice-warn">{{ error }}</p>{% endif %}
{% if done %}<p class="done-note">{{ done }}</p>{% endif %}

<div class="meta">Konta ({{ users | length }})</div>
{% if not users %}
  <p class="muted">Nie ma jeszcze żadnego konta poza administracyjnym.</p>
{% endif %}

{% for login, row in users | dictsort %}
<form method="post" action="/accounts/update" class="card">
  <input type="hidden" name="login" value="{{ login }}">
  <div class="account-head">
    <strong>{{ login }}</strong>
    <span class="muted small">{{ row.created[:10] }}</span>
  </div>
  <label class="account-note">Opis
    <input type="text" name="note" value="{{ row.note }}" placeholder="np. do czego to konto służy">
  </label>

  {% for group, items in [("Ekrany", screens), ("Rozszerzenia", extras)] %}
  <div class="opts systems" title="{{ 'Zakładki widoczne w nawigacji.' if group == 'Ekrany' else 'Poziomy złożoności wewnątrz ekranów.' }}">
    <span class="muted small opts-label">{{ group }}</span>
    {% for f in items %}
    <label title="{{ f.hint }}">
      <input type="checkbox" name="granted" value="{{ f.key }}"
             {{ 'checked' if f.key in row.features else '' }}> {{ f.label }}
    </label>
    {% endfor %}
  </div>
  {% endfor %}

  <div class="opts">
    <label>Nowe hasło (puste = bez zmiany)
      <input type="password" name="password" autocomplete="new-password" placeholder="••••••">
    </label>
  </div>
  <div class="actions">
    <button type="submit">Zapisz</button>
    <button type="submit" formaction="/accounts/sesje" class="ghost"
            title="Zamyka otwarte sesje tego konta na wszystkich urządzeniach. Hasło zostaje bez zmian.">
      Zamknij sesje
    </button>
    <button type="submit" formaction="/accounts/delete" class="danger"
            onclick="return confirm('Skasować konto {{ login }}? Tej operacji nie da się cofnąć.')">
      Skasuj konto
    </button>
  </div>
</form>
{% endfor %}

<div class="meta">Nowe konto</div>
<form method="post" action="/accounts/create" class="card">
  <div class="grid">
    <label>Login <input type="text" name="login" required autocomplete="off"></label>
    <label>Hasło <input type="password" name="password" required autocomplete="new-password"></label>
    <label>Opis <input type="text" name="note" placeholder="np. do czego to konto służy"></label>
  </div>
  {% for group, items in [("Ekrany", screens), ("Rozszerzenia", extras)] %}
  <div class="opts systems">
    <span class="muted small opts-label">{{ group }}</span>
    {% for f in items %}
    <label title="{{ f.hint }}"><input type="checkbox" name="granted" value="{{ f.key }}"> {{ f.label }}</label>
    {% endfor %}
  </div>
  {% endfor %}
  <div class="actions"><button type="submit">Załóż konto</button></div>
</form>

<details class="loc">
  <summary>Gdzie to jest zapisane</summary>
  <p class="muted small">
    Konta trzymamy w pliku <code>{{ store_path }}</code> — hasła wyłącznie jako
    hash scrypt, nigdy jawnie. Zapis jest atomowy, więc przerwanie w trakcie nie
    obetnie pliku i nie skasuje wszystkich kont naraz.
  </p>
</details>
{% endblock %}