{% macro details(web, results, history, path, type, parent, location) %}

<p id="breadcumbs">
  <a href="/">España</a>{% if type %} - <a href="/{{ type }}/{{ parent }}">{{ location.name }}</a>{% endif %} - {{ web.name }}</p>

<h1>{{ web.name }}</h1>

<div id="score" class="{{ results | color }}">{% if results.tests_passed < 5 %}☠️{% else %}{{ results.grade }}{% endif %}</div>

{% if not web.url | dmarc_secure %}
  <div class="phishing-box" title="Vulnerable a suplantación de identidad de emails">
    <a href="/faq/#que-significa-que-los-emails-son-vulnerables-a-suplantacion-de-identidad"><img src="/images/phishing.png"></a>
    <p>Emails vulnerables</p>
  </div>
{% endif %}

{% if not web.url | dnssec %}
  <div class="dnssec-box" title="Vulnerable a suplantación de identidad de dominio">
    <a href="/faq/#que-significa-que-el-dominio-es-vulnerable-a-suplantacion">🌐</a>
    <p>Dominio vulnerable</p>
    </div>
{% endif %}

<h2>🔎 Resultado del análisis</h2>

<ul>
  <li><strong>Nombre:</strong> {{ web.name }}</li>
  <li><strong>Dirección:</strong> <a href="https://{{ web.url }}">{{ web.url }}</a></li>
  {% if web.twitter %}
  <li>
    <strong>Twitter:</strong> <a href="https://twitter.com/{{ web.twitter }}">@{{ web.twitter }}</a>
    {% if web.twitter_mentions > 0 %}
    <em>({{ web.twitter_mentions }} menciones)</em>
    {% endif %}
  </li>
  {% endif %}
  {% if type %}
  <li><strong>Ubicación:</strong> <a href="/{{ type }}/{{ parent }}">{{ location.name }}</a></li>
  {% endif %}
  <li><strong>Puntuación:</strong> {{ results.score }}/100</li>

  {% if web.tags %}
  <li class="icon-list">🏷️
  {% for tag in web.tags %}
    <a href="/l/{{ tag }}">{{ tag }}</a>{% if not loop.last %}, {% endif %}
  {% endfor %}
  </li>
  {% endif %}
</ul>

<ul>
<li> {{ results | abbr }}.</li>
<li> Los emails de este sitio son {% if web.url | dmarc_secure %}seguros{% else %}<strong>vulnerables</strong>{% endif %} frente a <a href="/faq/#que-significa-que-los-emails-son-vulnerables-a-suplantacion-de-identidad">suplantación de identidad</a>.</li>
<li> <a href="/faq/#que-significa-que-el-dominio-es-vulnerable-a-suplantacion">Suplantación de dominio</a>: {% if web.url | dnssec %}Segura{% else %}<strong>Vulnerable</strong>{% endif %}</li>
</ul>

<ul class="iconify">
  <li><a href="https://observatory.mozilla.org/analyze/{{ web.url }}">🖥 Informe técnico del análisis de la web</a></li>
  <li><a href="https://dmarcguide.globalcyberalliance.org/#/tool-select?d={{ web.url | canonical }}&r=s&s=none&lang=es"> ✉️ Informe técnico del análisis del email</a></li>
  <li><a href="https://dnssec-analyzer.verisignlabs.com/{{ web.url | canonical }}">🌐 Informe técnico de la seguridad del nombre de dominio</a></li>
</ul>

{% if (web.twitter) and (results.score < 70) %}
<p><a class="twitter-share-button" href="https://twitter.com/intent/tweet/?text={{ 'Hola @' + web.twitter + '

🔒 La seguridad de vuestra web' | urlEncode}}{% if not web.url | dmarc_secure %}{{', correos'}}{% endif %}{{' y usuarios puede ser comprometida si no actualizáis vuestras conexiones seguras (HTTPS).
⚠️ ¡Por favor, revisadlo cuanto antes!

https://websegura.pucelabits.org'| urlEncode }}{{ path | urlEncode }}{{ '?pk_campaign=HazseloSaber&pk_source=twitter

#websegura /vía @PucelaBits' | urlEncode }}" target="_blank" rel="noopener" aria-label="Twitter">
    <span class="icon brands fa-twitter">
      <span><strong>¡Házselo saber en Twitter!</strong></span>
    </a></p>
{% endif %}

{% if (web.twitter) and (results.score >= 70) %}
{% if not web.url | dmarc_secure %}
<p><a class="twitter-share-button" href="https://twitter.com/intent/tweet/?text={{ 'Hola @' + web.twitter + '

✉️ Los emails @'| urlEncode }}{{ web.url | canonical }}{{' son vulnerables a suplantación de identidad, cualquiera puede hacerse pasar por vosotros sin ser detectado.
⚠️ ¡Por favor, revisadlo cuanto antes!

https://websegura.pucelabits.org'| urlEncode }}{{ path | urlEncode }}{{ '?pk_campaign=HazseloSaber&pk_source=twitter

#emailseguro /vía @PucelaBits' | urlEncode }}" target="_blank" rel="noopener" aria-label="Twitter">
    <span class="icon brands fa-twitter">
      <span><strong>¡Házselo saber en Twitter!</strong></span>
    </a></p>
{% endif %}
{% endif %}

<h2 id="historial">🕐 Historial</h2>

<table>
  <thead>
    <tr>
      <th id="nota">Nota</th>
      <th id="nota">Puntuación</th>
      <th id="fecha">Fecha</th>
    </tr>
  </thead>
  <tbody>
      {% for h in history | sort(reverse=true, attribute="end_time_unix_timestamp") %}
      <tr class="{{ h | color }}">
        <td>{{ h.grade }}</td>
        <td>{{ h.score }}/100</td>
        <td>{{ h.end_time }}</td>
        </tr>
      {% endfor %}
    </tbody>
  </table>

<p><small>🔄 Última actualización: {{ results.end_time }}. El historial solo se actualiza si la puntuación cambia.</small></p>

{% endmacro %}