{% extends "hobo/base.html" %}
{% load i18n %}

{% block breadcrumb %}
  {{ block.super }}
  <li class="ariane--list-item">
    <a class="ariane--link" href="{% url 'matomo-home' %}">Matomo</a>
  </li>
{% endblock %}

{% block appbar %}
  <h2>{% trans "User tracking" %}</h2>
  {% if enabled %}
    <span class="actions">
      <a rel="popup" href="{% url 'matomo-disable' %}">{% trans 'Disable' %}</a>
      {% if mode == 'auto' %}
        <a href={{ logme_url }}>{% trans "Open visit tracking dashboard" %}</a>
      {% endif %}
    </span>
  {% endif %}
{% endblock %}

{% block content %}

  <div class="infonotice">
    {% if not enabled %}
      <p>
        {% blocktrans trimmed %}
          The audience measurement tools are deployed to obtain information about
          visitor navigation. They help to understand where users come from on a site
          and reconstruct their browsing activity. These tools use technologies that
          permit to trace users on your site and associate a "referrer" or campaign
          with a unique identifier.
        {% endblocktrans %}
      </p>
      {% if ws_available %}
        <p>
          {% blocktrans trimmed %}
            Publik can automatically use a tool called "Matomo", which is the tracker
            solution recommended by the National Commission for Data Protection and Liberties (<a
              href="https://www.cnil.fr/fr/solutions-pour-les-cookies-de-mesure-daudience">CNIL-France</a>).
          {% endblocktrans %}
        </p>
      {% else %}
        <p>
          {% blocktrans trimmed %}
            Matomo is the tracker solution recommended by the National Commission for Data
            Protection and Liberties (<a
              href="https://www.cnil.fr/fr/solutions-pour-les-cookies-de-mesure-daudience">CNIL-France</a>).
            It requires <a href="https://www.cnil.fr/sites/default/files/typo/document/Configuration_piwik.pdf"
            >little configuration</a> to be exempt from legal consent.
          {% endblocktrans %}
        </p>
      {% endif %}
    {% else %}
      {% if mode == 'manual' %}
        {% trans "Manual configuration." %}
      {% elif mode == 'auto' %}
        {% trans "Automatic configuration." %}
      {% endif %}
    {% endif %}
  </div>

  {% if not enabled %}
    <p>
      {% trans "Support is currently disabled." %}
    </p>
    <p>
      <a class="button" rel="popup" href="{% url 'matomo-enable-manual' %}">{% trans 'Manual Configuration' %}</a>
      {% if ws_available %}
        <a class="button" rel="popup" href="{% url 'matomo-enable-auto' %}">{% trans 'Automatic Configuration' %}</a>
      {% endif %}
    </p>
  {% else %}
    {% for space, cnil_ack_level in cnil_ack_levels %}
      {% if cnil_ack_level == 'excellent' %}
        <div class="successnotice">
          {{ space }}:
          {% trans "Excellent respect of user rights." %}
        </div>
      {% elif cnil_ack_level == 'good' %}
        <div class="warningnotice">
          {{ space }}:
          {% trans "Good respect of user rights." %}
        </div>
      {% elif cnil_ack_level == 'bad' %}
        <div class="errornotice">
          {{ space }}:
          {% trans "No respect of user rights." %}
        </div>
      {% endif %}
    {% endfor %}

    {% if mode == 'manual' %}
      <form method="post">
        {% csrf_token %}
        {{ form.as_p }}

        <div class="buttons">
          <button class="submit-button">{% trans "Save" %}</button>
        </div>
      </form>
    {% endif %}

  {% endif %}
{% endblock %}