{% extends "layout.html" %}
{#- The report page. `view` is a ProfileDocument (model/fingerprint_views.yaml); every value comes ready as text
    from fingerprint/service_layer/generators/document.py, so this template only lays it out. -#}

{%- macro tree(nodes) -%}
<ul class="tree">
  {%- for n in nodes %}
  <li>
    {%- if n.children %}<details open><summary>{% endif %}
    {%- if n.anchor %}<a href="#{{ n.anchor }}" title="{{ n.iri }}">{{ n.label }}</a>
    {%- elif n.see %}<span class="note">see</span> <a href="#{{ n.see }}" title="{{ n.iri }}">{{ n.label }}</a>
    {%- else %}<span class="note" title="{{ n.iri }}">{{ n.label }}</span>{% endif %}
    {%- if n.instances is not none and not n.see %} <span class="pop"><span class="bar" style="width: {{ n.bar }}%"></span></span> <span class="meta">{{ n.instances }}</span>{% endif %}
    {%- if n.children %}</summary>{{ tree(n.children) }}</details>{% endif %}
  </li>
  {%- endfor %}
</ul>
{%- endmacro -%}

{%- macro term(label, iri) -%}
  {%- set parts = label.split(':', 1) if label != iri else [] -%}
  {%- if iri.startswith('http://') or iri.startswith('https://') -%}<a class="curie" href="{{ iri }}" title="{{ iri }}">{%- else -%}<span class="curie" title="{{ iri }}">{%- endif -%}
  {%- if parts|length == 2 -%}<span class="pfx" data-ns="{{ parts[0] }}">{{ parts[0] }}:</span>{{ parts[1] }}{%- else -%}{{ label }}{%- endif -%}
  {%- if iri.startswith('http://') or iri.startswith('https://') -%}</a>{%- else -%}</span>{%- endif -%}
{%- endmacro -%}

{%- set totals = namespace(classes=0, prefixes=[]) -%}
{%- for g in view.graphs or [] -%}{%- for c in g.classes or [] -%}
  {%- set totals.classes = totals.classes + 1 -%}
  {%- if c.prefix not in totals.prefixes -%}{%- set totals.prefixes = totals.prefixes + [c.prefix] -%}{%- endif -%}
{%- endfor -%}{%- endfor -%}

{% block style %}
{%- for p in view.namespaces or [] %}
[data-ns="{{ p.prefix }}"] { --h: {{ (loop.index0 * 137 + 190) % 360 }}; }
{%- endfor %}
{% endblock %}

{% block content %}
<header class="bar">
  <h1>{{ conf.title }} <small>{{ view.overview.endpoint or '' }}</small></h1>
  <input id="q" type="search" placeholder="Search classes and properties" aria-label="Search classes and properties" hidden data-js>
  <span class="count" id="count" aria-live="polite">{{ totals.classes }} classes</span>
</header>
<div class="frame">
<nav aria-label="Contents">
  <a href="#overview">Overview</a> · <a href="#namespaces">Namespaces</a> · <a href="#taxonomy">Taxonomy</a> · <a href="#collection">Collection</a> · <a href="#caveats">Caveats{% if view.pitfalls %} and pitfalls{% endif %}</a>
  {%- for g in view.graphs or [] %}
  <details open>
    <summary>{{ g.label }} <span class="note">({{ (g.classes or [])|length }})</span></summary>
    {%- for prefix, classes in (g.classes or [])|groupby('prefix') %}
    <div class="group"><span class="pfx" data-ns="{{ prefix }}">{{ prefix }}</span> {{ classes|length }}</div>
    <ul>
      {%- for c in classes %}
      <li data-anchor="{{ c.anchor }}"><a href="#{{ c.anchor }}">{{ c.label.split(':', 1)[-1] if ':' in c.label and not c.label.startswith('http') else c.label }}</a> <span class="ind" title="{{ c.instances }} instances, {{ c.data_properties }} data properties, {{ c.object_properties }} object properties">{{ c.instances }} · {{ c.data_properties }} d, {{ c.object_properties }} o</span></li>
      {%- endfor %}
    </ul>
    {%- endfor %}
    {%- if g.empty %}<p class="note">No classes.</p>{% endif %}
  </details>
  {%- endfor %}
  {%- if totals.prefixes %}
  <fieldset hidden data-js>
    <legend>Show namespaces</legend>
    {%- for prefix in totals.prefixes|sort %}
    <label><input type="checkbox" checked data-switch value="{{ prefix }}"> <span class="pfx" data-ns="{{ prefix }}">{{ prefix }}</span></label>
    {%- endfor %}
  </fieldset>
  {%- endif %}
</nav>
<main>
  <section id="overview">
    <h2>Overview</h2>
    <dl class="facts">
      <div><dt>Endpoint</dt><dd>{{ view.overview.endpoint or '—' }}</dd></div>
      <div><dt>Graphs</dt><dd>{{ (view.graphs or [])|length }}</dd></div>
      <div><dt>Classes shown</dt><dd>{{ totals.classes }}</dd></div>
      <div><dt>Namespaces</dt><dd>{{ (view.namespaces or [])|length }}</dd></div>
      <div><dt>Started</dt><dd>{{ view.overview.started_at or '—' }}</dd></div>
      <div><dt>Finished</dt><dd>{{ view.overview.finished_at or '—' }}</dd></div>
      <div><dt>rdf-fingerprinter</dt><dd>{{ view.overview.tool_version or '—' }}</dd></div>
    </dl>
    <p class="note">Each class states its precision: exact when every instance was read, or first N of M when only the
      first N instances the store returned were read. Absent values are shown as —.</p>
  </section>

  <section id="namespaces">
    <h2>Namespaces</h2>
    <div class="scroll plain">
    <table>
      <thead><tr><th>Prefix</th><th>Namespace</th><th>Source</th><th>Uses</th></tr></thead>
      <tbody>
      {%- set several = (view.namespaces or [])|map(attribute='source')|unique|list|length > 1 %}
      {%- for p in view.namespaces or [] %}
        {%- if several and loop.changed(p.source) %}
        <tr class="group"><th colspan="4">{{ (p.source or '')|replace('_', '.') }}</th></tr>
        {%- endif %}
        <tr><td><span class="pfx" data-ns="{{ p.prefix }}">{{ p.prefix }}</span></td><td class="curie">{{ p.namespace }}</td><td>{{ (p.source or '')|replace('_', '.') }}</td><td class="n">{{ p.uses if p.uses is not none else '—' }}</td></tr>
      {%- endfor %}
      </tbody>
    </table>
    </div>
  </section>

  <section id="taxonomy">
    <h2>Taxonomy</h2>
    <p class="note">The class hierarchy of each graph, from declared and implied parents. The bar shows how many
      instances a class has, against the graph's most popular class; grey names are parents not profiled here.</p>
    {%- for g in view.graphs or [] %}
    {%- if g.taxonomy %}
    <h3>{% if g.iri %}{{ term(g.label, g.iri) }}{% else %}{{ g.label|capitalize }}{% endif %}</h3>
    {{ tree(g.taxonomy) }}
    {%- endif %}
    {%- endfor %}
  </section>

  {%- for g in view.graphs or [] %}
  <section id="graph-{{ g.slug }}">
    <h2>{% if g.iri %}{{ term(g.label, g.iri) }}{% else %}{{ g.label|capitalize }}{% endif %}</h2>
    {%- if g.empty %}
    <p class="note">This graph has no typed instances.</p>
    {%- elif not g.classes %}
    <p class="note">Every class of this graph is in a hidden namespace (see caveats).</p>
    {%- endif %}
    {%- for c in g.classes or [] %}
    <details class="cls" id="{{ c.anchor }}" open data-ns="{{ c.prefix }}" data-q="{{ c.q }}">
      <summary>
        <h3>{{ term(c.label, c.iri) }}</h3>
        <span class="meta">{{ c.instances }} instances, {{ c.precision }}{% if c.sample_note %} {{ c.sample_note }}{% endif %}</span>
        <span class="meta">{{ c.data_properties }} data and {{ c.object_properties }} object properties</span>
        {%- for b in c.badges or [] %}
        <a class="badge {{ b.importance }}" href="#{{ b.anchor }}" title="pitfall {{ b.check_id }}">{{ b.check_id }}</a>
        {%- endfor %}
        {%- if c.parents %}
        <span class="meta">parents: {% for p in c.parents %}{{ term(p.label, p.iri) }} ({{ p.source }}){{ ", " if not loop.last }}{% endfor %}</span>
        {%- endif %}
      </summary>
      <div class="scroll">
      <table class="props">
        <thead><tr>
          <th>Property</th><th>Subjects</th><th>Min</th><th>Max</th><th>Avg</th><th>Kind</th><th>Distinct values</th>
          <th>Value types</th><th>Confidence</th><th>Cardinality</th><th>Inheritance</th><th>Language coverage</th>
        </tr></thead>
        <tbody>
        {%- for g in c.property_groups or [] %}
        {%- if (c.property_groups or [])|length > 1 %}
          <tr class="group"><th colspan="12">{{ g.name }}</th></tr>
        {%- endif %}
        {%- for p in g.properties or [] %}
          <tr>
            <td>{{ term(p.label, p.iri) }}</td><td class="n">{{ p.subjects }}</td><td class="n">{{ p.min }}</td><td class="n">{{ p.max }}</td>
            <td class="n">{{ p.avg }}</td><td>{{ p.kind }}</td><td class="n">{{ p.distinct }}</td>
            <td>{% for t in p.types or [] %}{{ term(t.label, t.iri) }}{{ ", " if not loop.last }}{% else %}—{% endfor %}</td>
            <td class="n">{{ p.confidence }}</td><td>{{ p.cardinality }}</td><td>{{ p.inheritance }}</td><td class="n">{{ p.language_coverage }}</td>
          </tr>
        {%- endfor %}
        {%- endfor %}
        </tbody>
      </table>
      </div>
    </details>
    {%- endfor %}
  </section>
  {%- endfor %}


  <section id="collection">
    <h2>Collection</h2>
    {%- if view.collection.failures %}
    <div class="scroll plain">
    <table>
      <caption class="note">These measurements failed and are missing from the report.</caption>
      <thead><tr><th>Graph</th><th>Class</th><th>Property</th><th>Measurement</th><th>Attempts</th><th>Message</th></tr></thead>
      <tbody>
      {%- for f in view.collection.failures %}
        <tr><td>{{ f.graph }}</td><td>{{ f.class_label }}</td><td>{{ f.property_label or '—' }}</td><td>{{ f.measurement }}</td><td class="n">{{ f.attempts or '—' }}</td><td>{{ f.message or '' }}</td></tr>
      {%- endfor %}
      </tbody>
    </table>
    </div>
    {%- else %}
    <p>Every measurement succeeded.</p>
    {%- endif %}
    <details>
      <summary>Settings used</summary>
      <div class="scroll plain">
      <table>
        <thead><tr><th>Setting</th><th>Value</th></tr></thead>
        <tbody>
        {%- for s in view.collection.settings or [] %}
          <tr><td>{{ s.name }}</td><td>{{ s.value }}</td></tr>
        {%- endfor %}
        </tbody>
      </table>
      </div>
    </details>
  </section>

  <section id="caveats">
    <h2>Caveats{% if view.pitfalls %} and pitfalls{% endif %}</h2>
    {%- set cv = view.caveats %}
    {%- if not (cv.sampled or cv.untyped or cv.hidden or cv.skipped or cv.unjoined_default) %}
    <p>Nothing to flag: every class was read exactly and every IRI is shown.</p>
    {%- endif %}
    {%- if cv.sampled %}
    <h3>Classes read from a sample</h3>
    <ul>{% for s in cv.sampled %}<li>{{ s.class_label }} in {{ s.graph }}: {{ s.precision }}</li>{% endfor %}</ul>
    {%- endif %}
    {%- if cv.untyped %}
    <h3>Subjects without a type</h3>
    <ul>{% for u in cv.untyped %}<li>{{ u.graph }}: {{ u.count }} subjects have no rdf:type, so no class section covers them.</li>{% endfor %}</ul>
    {%- endif %}
    {%- if cv.hidden %}
    <h3>Hidden namespaces</h3>
    <p class="note">Their classes are left out of this page; show them with <code>--include-namespace</code>.</p>
    <ul>{% for h in cv.hidden %}<li><span class="pfx" data-ns="{{ h.prefix }}" title="{{ h.namespace }}">{{ h.prefix }}</span>: {{ h.classes }} classes</li>{% endfor %}</ul>
    {%- endif %}
    {%- if cv.skipped %}
    <h3>IRIs that cannot be written</h3>
    <ul>{% for s in cv.skipped %}<li>{{ s }}</li>{% endfor %}</ul>
    {%- endif %}
    {%- if cv.unjoined_default %}
    <h3>Default graph scanned without the schema</h3>
    <p>The default graph's data checks ran without the schema graphs: a store cannot join them to it, so
      domain and range findings there may be missing.</p>
    {%- endif %}
  {%- if view.pitfalls %}
    <div id="pitfalls">
    <h3>Pitfalls</h3>
    <p class="note">Modelling pitfalls found by SPARQL checks, most of them after the OOPS! catalogue. Each check shows
      how many rows it found and its first examples; heuristic checks are hints, not errors.</p>
    <dl class="facts">
      {%- for s in view.pitfalls.summary %}
      <div><dt>{{ s.importance|capitalize }}</dt><dd><span class="badge {{ s.importance }}">{{ s.checks }}</span> checks with findings</dd></div>
      {%- endfor %}
    </dl>
    {%- for g in view.pitfalls.graphs %}
    <h4>{{ g.label }}</h4>
    {%- if not g.checks %}<p>No check found anything in this graph.</p>{% endif %}
    {%- for k in g.checks %}
    <details class="pitfall" id="{{ k.anchor }}" data-q="{{ k.q }}">
      <summary>
        <span class="badge {{ k.importance }}">{{ k.importance }}</span>
        <strong>{{ k.title }}</strong>
        <span class="meta">{{ k.count }} found · {{ k.check_id }} · {{ k.source }}{% if k.heuristic %} · heuristic{% endif %}</span>
      </summary>
      <div class="scroll">
        {%- if k.description %}<p class="note">{{ k.description }}</p>{% endif %}
        <table>
          <thead><tr><th>Entity</th><th>Property</th><th>Value</th></tr></thead>
          <tbody>
          {%- for e in k.examples or [] %}
            <tr>
              {%- for v in [e.entity, e.property, e.value] %}
              <td>{% if v.iri %}{{ term(v.label, v.iri) }}{% else %}{{ v.label }}{% endif %}</td>
              {%- endfor %}
            </tr>
          {%- endfor %}
          </tbody>
        </table>
        {%- if k.count > (k.examples or [])|length %}<p class="note">First {{ (k.examples or [])|length }} of {{ k.count }}.</p>{% endif %}
      </div>
    </details>
    {%- endfor %}
    {%- if g.clean %}
    <p class="note">Nothing found by: {{ g.clean|join(", ") }}.</p>
    {%- endif %}
    {%- endfor %}
    </div>
  {%- endif %}
  </section>
</main>
</div>
{% endblock %}

{% block script %}
<script>
/* Search and namespace switches: they only toggle `hidden`; the page reads fully without this script. */
(function () {
  var q = document.getElementById("q"), count = document.getElementById("count");
  var switches = Array.prototype.slice.call(document.querySelectorAll("input[data-switch]"));
  var classes = Array.prototype.slice.call(document.querySelectorAll("details.cls"));
  var entries = Array.prototype.slice.call(document.querySelectorAll("li[data-anchor]"));
  var pitfalls = Array.prototype.slice.call(document.querySelectorAll("details.pitfall[data-q]"));
  document.querySelectorAll("[data-js]").forEach(function (el) { el.hidden = false; });

  function apply() {
    var text = q.value.trim().toLowerCase();
    var off = {};
    switches.forEach(function (s) { if (!s.checked) off[s.value] = true; });
    var shown = 0;
    classes.forEach(function (cls) {
      var own = !text || cls.dataset.q.indexOf(text) >= 0;
      var anyRow = false;
      cls.querySelectorAll("tbody tr:not(.group)").forEach(function (row) {
        var link = row.querySelector(".curie");
        var haystack = (row.cells[0].textContent + " " + (link ? link.title : "")).toLowerCase();
        var match = text && haystack.indexOf(text) >= 0;
        anyRow = anyRow || match;
        row.hidden = !(own || match);
      });
      var visible = !off[cls.dataset.ns] && (own || anyRow);
      cls.hidden = !visible;
      if (visible) {
        shown += 1;
        if (anyRow && !own) cls.open = true;
      }
    });
    pitfalls.forEach(function (p) { p.hidden = !!text && p.dataset.q.indexOf(text) < 0; });
    entries.forEach(function (li) {
      var target = document.getElementById(li.dataset.anchor);
      li.hidden = !target || target.hidden;
    });
    count.textContent = shown + " shown, " + (classes.length - shown) + " hidden";
  }

  q.addEventListener("input", apply);
  switches.forEach(function (s) { s.addEventListener("change", apply); });
  apply();
})();
</script>
{% endblock %}