{% extends "clairvia/base.html" %}
{% block page %}data{% endblock %}
{% block meta %}<meta name="robots" content="noindex">{% endblock %}
{% block title %}{{ t('data_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('lock') }}{{ t('data_title') }}</h1>
  <p class="lead">{{ t('data_intro') }}</p>

  {%- if done %}
  <p class="notice notice-safe" role="status">{{ ic.icon('check') }}<span>{{ t('data_' ~ done) if done in ('erased', 'optedout', 'optedin') else '' }}</span></p>
  {%- endif %}

  <section class="panel" id="contributions" data-enabled="{{ 'true' if enabled else 'false' }}" data-opted-out="{{ opted_out or '' }}">
    <header class="panel-head">{{ ic.icon('database') }}<h2>{{ t('data_contrib') }}</h2></header>
    {%- if not enabled %}
    <p>{{ t('data_off') }}</p>
    {%- elif opted_out == 'cookie' %}
    <p>{{ t('data_optout_active') }}</p>
    {%- elif opted_out %}
    <p>{{ t('data_signal') }}</p>
    {%- else %}
    <p>{{ t('data_on', d=retention) }}</p>
    {%- endif %}
    {%- if enabled %}
    <p class="count">{{ t('data_count', n=mine|length) }}</p>
    <div class="actions">
      {%- if mine %}
      <a class="chip" href="{{ url_for('clairvia_ui.data_route') }}?show=1#contributions">{{ ic.icon('list') }}{{ t('data_show') }}</a>
      {%- endif %}
      <form method="post" action="{{ url_for('clairvia_privacy.erase_route') }}"><input type="hidden" name="next" value="data"><button class="chip" type="submit">{{ ic.icon('trash') }}{{ t('data_erase') }}</button></form>
      {%- if opted_out == 'cookie' %}
      <form method="post" action="{{ url_for('clairvia_privacy.optin_route') }}"><input type="hidden" name="next" value="data"><button class="chip" type="submit">{{ ic.icon('check') }}{{ t('data_optin') }}</button></form>
      {%- elif not opted_out %}
      <form method="post" action="{{ url_for('clairvia_privacy.optout_route') }}"><input type="hidden" name="next" value="data"><button class="chip chip-strong" type="submit">{{ ic.icon('pause') }}{{ t('data_optout') }}</button></form>
      {%- endif %}
    </div>
    {%- if show %}
    {%- if mine %}
    <table class="table">
      <thead><tr><th scope="col">{{ t('data_when') }}</th><th scope="col">{{ t('data_query') }}</th></tr></thead>
      <tbody>{% for row in mine %}<tr><td>{{ row.day }}</td><td>{{ row.query }}</td></tr>{% endfor %}</tbody>
    </table>
    {%- else %}
    <p>{{ t('data_none') }}</p>
    {%- endif %}
    {%- endif %}
    {%- endif %}
  </section>

  <section class="panel">
    <header class="panel-head">{{ ic.icon('shield') }}<h2>{{ t('data_register') }}</h2></header>
    <div class="register" lang="fr">
      {%- for entry in register %}
      <details>
        <summary><code>{{ entry.id }}</code> {{ entry.what }}</summary>
        <dl>
          {%- for field in ('where', 'form', 'never', 'not_kept', 'retention', 'erasure', 'access') %}
          {%- if entry[field] %}<dt>{{ field }}</dt><dd>{{ entry[field] }}</dd>{% endif %}
          {%- endfor %}
        </dl>
      </details>
      {%- endfor %}
    </div>
  </section>
</div>
{% endblock %}