{# NOTICE #}
{# This software was produced for the U.S. Government under contract FA8702-22-C-0001, #}
{# and is subject to the Rights in Data-General Clause 52.227-14, Alt. IV (DEC 2007) #}
{# ©2021 The MITRE Corporation. All Rights Reserved. #}


{% extends "html-multi/base.html" %}
{% import "html-multi/browser/shacl_macros.html" as shacl %}


{% block navbar %}
  {% include "html-multi/navbar.html" %}
{% endblock navbar %}




{% block sidebar %}
  {% set thispage=main_entity.qname %}
    {% include "html-multi/sidebar.html" %}
  
{% endblock sidebar %}


{% block bodycontent %}
{% if main_entity_type == "shape"  %}
  {% set each = main_entity  %}    {# each is a OntoShape object #}

    {# path to this shape #}
    {% set thispage="shapeinfo" %}
      {% include "html-multi/breadcrumbs.html" %}
    

    {# name of this shape, with "leaf node" if it has no children #}
    <h1>
        {{each.title}}
        {% if not each.children()  %}
          <small class="label label-info label-xs">leaf node</small>
        {% endif %}
    </h1>
    
    <hr>  {# horizontal rule #}

    {# Tree diagram #}
    <div class="tree-container">
      <div class="tree">
        <ul>
          {% if each.parents() %}
            {% for s in each.parents() %}
              <li>
              <a href="shape-{{s.qname|slugify}}.html" title="'{{s.bestLabel()}}'{% if s.bestDescription() %} - {{s.bestDescription()|truncatewords(20)}}{% endif %}">{{s.title}}</a>
                <ul>
                  <li><a style="font-weight: bold;" title="'{{each.bestLabel()}}'{% if each.bestDescription() %} - {{each.bestDescription()|truncatewords(20)}}{% endif %}">{{each.title}}</a>
                  {% if each.children()  %}
                    <ul>
                      {% for s in each.children() %}
                        <li><a href="shape-{{s.qname|slugify}}.html" title="'{{s.bestLabel()}}'{% if s.bestDescription() %} - {{s.bestDescription()|truncatewords(20)}}{% endif %}">{{s.title}}</a></li>
                      {% endfor %}
                    </ul>
                  {% endif %}
                  </li>
                </ul>
              </li>
            {% endfor %}
          {% else %}
            <li><a href="entities-tree-classes.html">sh:Shape</a>
              <ul>
                <li><a style="font-weight: bold;" title="'{{each.bestLabel()}}'{% if each.bestDescription() %} - {{each.bestDescription()|truncatewords(20)}}{% endif %}">{{each.title}}</a>
                  {% if each.children()  %}
                    <ul>
                      {% for s in each.children() %}
                        <li><a href="shape-{{s.qname|slugify}}.html" title="'{{s.bestLabel()}}'{% if s.bestDescription() %} - {{s.bestDescription()|truncatewords(20)}}{% endif %}">{{s.title}}</a></li>
                      {% endfor %}
                    </ul>
                  {% endif %}
                </li>
              </ul>
            </li>
          {% endif %}
        </ul>
      </div>
    </div>



    {# URI panel #}
    <div class="row">
      <div class="col-md-12">
        <div class="panel panel-default">
          <div class="panel-heading">
            <h3 class="panel-title">URI</h3>
          </div>
          <div class="panel-body">
            <code>{{each.uri}}</code>
          </div>
        </div>
      </div>
    </div>


    {# Label panel #}
    {% if  each.bestLabel() %}
      <div class="row">
        <div class="col-md-12">
          <div class="panel panel-default">
          <div class="panel-heading">
            <h3 class="panel-title">Label</h3>
          </div>
          <div class="panel-body">
            {{each.bestLabel()}}
          </div>
          </div>
        </div>
      </div>
    {% endif %}


    {# Description panel #}
    {% if  each.bestDescription() %}
      <div class="row">
        <div class="col-md-12">
          <div class="panel panel-default">
            <div class="panel-heading">
              <h3 class="panel-title">Description</h3>
            </div>
            <div class="panel-body">
              {{each.bestDescription()|linebreaks|default("--")}}
            </div>
          </div>
        </div>
      </div>
    {% endif %}


    {# Superclasses panel #}
    {% if each.ancestors() %}
      <div class="row">
        <div class="col-md-12">
          <div class="panel panel-default">
            <div class="panel-heading">
              <h3 class="panel-title">Superclasses ({{each.ancestors()|length}})</h3>
            </div>
            <div class="panel-body">
              <ul class="entity-list">
              {% if each.ancestors() %}
                {% for s in each.ancestors() %}
                  <li><a href="{{s.slug}}.html">{{s.title}}</a></li>
                {% endfor %}
              {% else %}
                <li>owl:Thing</li>
              {% endif %}
              </ul>
            </div>
          </div>
        </div>
      </div>
    {% endif %}


    {# Targets panel: what the shape applies to. A class not defined in this graph (eg
       the DCAT-AP shapes target DCAT's classes) is shown in italics, without a link #}
    {% if each.targets %}
      <div class="row">
        <div class="col-md-12">
          <div class="panel panel-default">
            <div class="panel-heading">
              <h3 class="panel-title">Targets ({{each.targets|length}})</h3>
            </div>
            <div class="panel-body">
              <ul class="entity-list">
              {% for kind, t in each.targets %}
                <li>{{ shacl.term(t) }} <small class="text-muted">{{kind}}</small></li>
              {% endfor %}
              </ul>
            </div>
          </div>
        </div>
      </div>
    {% endif %}


    {# Used by panel: for a property shape, the node shapes that use it #}
    {% if each.used_by %}
      <div class="row">
        <div class="col-md-12">
          <div class="panel panel-default">
            <div class="panel-heading">
              <h3 class="panel-title">Used By ({{each.used_by|length}})</h3>
            </div>
            <div class="panel-body">
              <ul class="entity-list">
              {% for t in each.used_by %}
                <li>{{ shacl.term(t) }}</li>
              {% endfor %}
              </ul>
            </div>
          </div>
        </div>
      </div>
    {% endif %}


    {# Node constraints panel: constraints on the focus node itself, eg sh:closed #}
    {% if each.node_constraints %}
      <div class="row">
        <div class="col-md-12">
          <div class="panel panel-default">
            <div class="panel-heading">
              <h3 class="panel-title">Node Constraints</h3>
            </div>
            <div class="panel-body">
              {{ shacl.constraint_list(each.node_constraints) }}
            </div>
          </div>
        </div>
      </div>
    {% endif %}


    {# Property constraints panel: the shape's own property shapes (or, for a property
       shape, the shape itself), see ontospy/core/shacl_helper.py #}
    {% if each.shacl_constraints %}
      <div class="row">
        <div class="col-md-12">
          <div class="panel panel-default">
            <div class="panel-heading">
              <h3 class="panel-title">Property Constraints ({{each.shacl_constraints|length}})</h3>
            </div>
            <div class="panel-body" style="overflow: auto;">
              {% if each.targets %}
                <p>Focus nodes of this shape ({% for kind, t in each.targets %}{{ shacl.term(t) }}{% if not loop.last %}, {% endif %}{% endfor %}) can have the following properties:</p>
              {% endif %}
            </div>
            {{ shacl.constraints_table(each.shacl_constraints) }}
          </div>
        </div>
      </div>
    {% endif %}


    {# Implementation panel #}
    <div class="row">
      <div class="col-md-12">
        <div class="panel panel-default">
          <div class="panel-heading">
            <h3 class="panel-title">Implementation</h3>
          </div>
          <div class="panel-body implementation-panel">
            {% if pygments_code %}
              {{pygments_code|safe}}
            {% else %}
              <div class="implementation">
                <code style="background-color: white;">{{each.rdf_source()|linebreaks}}</code>
              </div>
            {% endif %}
          </div>
        </div>
      </div>
    </div>


  
{% endif %}
{% endblock bodycontent %}