{% extends "clairvia/base.html" %}
{% block page %}account{% endblock %}
{% block meta %}<meta name="robots" content="noindex">{% endblock %}
{% block title %}{{ t('acc_title') }} - Clairvia{% endblock %}
{% block header %}
<header class="topbar glass-bar">
  <div class="topbar-inner">
    <a class="brand brand-small" href="{{ url_for('index') }}">{{ ic.mark(28) }}<span>Clairvia</span></a>
  </div>
</header>
{% endblock %}
{% block main %}
<div class="narrow">
  <h1 class="page-title">{{ ic.icon('user') }}{{ t('acc_title') }}</h1>
  <p class="lead">{{ t('acc_intro') }}</p>

  {%- if done in ('saved', 'signedout', 'erased') %}
  <p class="notice notice-safe" role="status">{{ ic.icon('check') }}<span>{{ t('acc_' ~ done) }}</span></p>
  {%- elif done %}
  <p class="notice notice-warn" role="status">{{ ic.icon('alert') }}<span>{{ t('acc_' ~ done) }}</span></p>
  {%- endif %}

  <section class="panel" id="account" data-enabled="{{ 'true' if account.enabled else 'false' }}" data-signed-in="{{ 'true' if account.signed_in else 'false' }}">
    <header class="panel-head">{{ ic.icon('shield') }}<h2>Idenva</h2></header>
    {%- if not account.enabled %}
    <p>{{ t('acc_off') }}</p>
    {%- elif not account.signed_in %}
    <p>{{ t('acc_signedout_d') }}</p>
    <div class="actions">
      <form method="post" action="{{ url_for('clairvia_account.login_route') }}"><input type="hidden" name="next" value="{{ next_url }}"><button class="chip chip-strong" type="submit">{{ ic.icon('user') }}{{ t('acc_signin') }}</button></form>
    </div>
    {%- else %}
    <p>{{ t('acc_signedin_d') }}</p>
    {%- if synced %}
    <table class="table" id="synced">
      <thead><tr><th scope="col">{{ t('acc_setting') }}</th><th scope="col">{{ t('acc_value') }}</th></tr></thead>
      <tbody>{% for label, value in synced %}<tr><td>{{ label }}</td><td>{{ value }}</td></tr>{% endfor %}</tbody>
    </table>
    {%- endif %}
    <div class="actions">
      <form method="post" action="{{ url_for('clairvia_account.save_route') }}"><button class="chip chip-strong" type="submit">{{ ic.icon('sync') }}{{ t('acc_save') }}</button></form>
      <a class="chip" href="{{ url_for('clairvia_ui.settings_route', next=url_for('clairvia_ui.account_route')) }}">{{ ic.icon('sliders') }}{{ t('acc_prefs') }}</a>
      <a class="chip" href="{{ url_for('clairvia_account.export_route') }}">{{ ic.icon('download') }}{{ t('acc_export') }}</a>
      <form method="post" action="{{ url_for('clairvia_account.logout_route') }}"><button class="chip" type="submit">{{ ic.icon('sign-out') }}{{ t('acc_signout') }}</button></form>
      <form method="post" action="{{ url_for('clairvia_account.erase_route') }}"><button class="chip" type="submit">{{ ic.icon('trash') }}{{ t('acc_erase') }}</button></form>
    </div>
    {%- endif %}
  </section>

  <section class="panel">
    <header class="panel-head">{{ ic.icon('lock') }}<h2>{{ t('acc_kept') }}</h2></header>
    <p>{{ t('acc_kept_d') }}</p>
    <p><a href="{{ url_for('clairvia_ui.data_route') }}">{{ t('nav_data') }}</a></p>
  </section>
</div>
{% endblock %}