{% load combo %}

<div id="journal">
  {% for log in json.data %}

    <h3>{{ log.timestamp|parse_datetime }}
    — {{ log.content.text }}</h3>
    {% if log.content.meta %}{% with meta=log.content.meta %}
    <p>
    Démarche <a href="{{ meta.form_url }}">{{ meta.form_name }}</a>
      (n° {{ meta.form_number }})
    <br />
    Opérée par {{ meta.session_user_display_name }}
      &lt;{{meta.session_user_email }}&gt;
    </p>
    {% endwith %}
    {% else %}
    <p>Pas de données «méta» pour cette entrée</p>
    {% endif %}

    <ul>
    {% if log.content.enfant_id %}
    <li>Enfant concerné : {{ log.content.enfant_text }} (#{{ log.content.enfant_id }})</li>
    {% endif %}
    {% if log.content.left_id %}
    <li>Individu 1 (left) : {{ log.content.left_text }} (#{{ log.content.left_id }})</li>
    {% endif %}
    {% if log.content.right_id %}
    <li>Individu 2 (right) : {{ log.content.right_text }} (#{{ log.content.right_id }})</li>
    {% endif %}
    {% if log.content.conjoint_id %}
    <li>Conjoint concerné : {{ log.content.conjoint_text }} (#{{ log.content.conjoint_id }})</li>
    {% endif %}
    {% if log.content.faux_positif %}
    <li>Doublon traité comme faux positif avec <a href="/?rsu_adult={{ log.content.faux_positif }}">#{{ log.content.faux_positif }}</a></li>
    {% endif %}
    </ul>

    {% if log.content.job_url %}
    <p>Trame technique : <a href="{{ zoo_url_no_slash }}{{ log.content.job_url }}">{{ log.content.job_url }}</a></p>
    {% endif %}

    {% if log.content.error %}
      {% if log.content.error.code %}
        <p>
          Erreur technique : code {{ log.content.error.code }} (status-code {{ log.content.error|get:"status-code" }})<br />
          <small>{{ log.content.error.detail }}</small>
        </p>
      {% endif %}
      {% if log.content.error.content.metier or log.content.error.content.technique %}
        <p>
          Erreur métier : {{ log.content.error.content.metier }}<br />
          <small>{{ log.content.error.content.technique }}</small>
        </p>
      {% endif %}
    {% endif %}

    {% if request.user.is_staff or request.user.is_superuser %}
    <span style="color:#bbb;">
    <p>Données brutes :</p>
    <ul>
      <li>timestamp : {{ log.timestamp }}</li>
      {% for k,v in log.content.items %}
      <li>{{ k }} : {{ v }}</li>
      {% endfor %}
    </ul>
    </li>
    </span>
    {% endif %}

  {% endfor %}

{% comment %}
  {% if 1 or json.cookie %}
    <style>
    .spinner {
      margin: 100px auto;
      width: 50px;
      height: 40px;
      text-align: center;
      font-size: 10px;
    }

    #fin-du-journal {
      text-align: center;
    }

    .spinner > div {
      background-color: #333;
      height: 100%;
      width: 6px;
      display: inline-block;
      
      -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
      animation: sk-stretchdelay 1.2s infinite ease-in-out;
    }

    .spinner .rect2 {
      -webkit-animation-delay: -1.1s;
      animation-delay: -1.1s;
    }

    .spinner .rect3 {
      -webkit-animation-delay: -1.0s;
      animation-delay: -1.0s;
    }

    .spinner .rect4 {
      -webkit-animation-delay: -0.9s;
      animation-delay: -0.9s;
    }

    .spinner .rect5 {
      -webkit-animation-delay: -0.8s;
      animation-delay: -0.8s;
    }

    @-webkit-keyframes sk-stretchdelay {
      0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
      20% { -webkit-transform: scaleY(1.0) }
    }

    @keyframes sk-stretchdelay {
      0%, 40%, 100% { 
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
      }  20% { 
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
      }
    }
    </style>

    <div id="loading" data-url="?rsu_adult={{ rsu_adult }}&cookie={{ json.cookie }}">
      <div class="spinner">
        <div class="rect1"></div>
        <div class="rect2"></div>
        <div class="rect3"></div>
        <div class="rect4"></div>
        <div class="rect5"></div>
        Chargement du reste du journal
      </div>
    </div>
{% endcomment %}
  {% if json.cookie %}
    <a href="?rsu_adult={{ rsu_adult }}&cookie={{ json.cookie }}">Suite du journal</a>
  {% else %}
    <h2>Fin du journal</h2>
  {% endif %}
</div>

