{# 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 == "class"  %}
  {% set each = main_entity  %}    {# each is a OntoClass object #}

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

    {# name of this class, 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="{{s.slug}}.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="{{s.slug}}.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">owl:Thing</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="{{s.slug}}.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 %}

    {# See also panel #}
    {% include "shared/seealso_panel.html" %}


    {# 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" title="{{s.uri}}">{{s.title}}</a></li>
                {% endfor %}
              {% else %}
                <li>owl:Thing</li>
              {% endif %}
              </ul>
            </div>
          </div>
        </div>
      </div>
    {% endif %}


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


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


    {# Usage panel: the rows are built in the browser (custom/js/usage.js) from usage.js,
       written once next to the pages, rather than repeated on every class page (backlog
       #21); usage_groups are the ids of the classes whose properties the table lists #}
    {% if usage_groups %}
      <div class="row">
        <div class="col-md-12">
          <div class="panel panel-default">
            <div class="panel-heading">
              <h3 class="panel-title">Usage</h3>
            </div>
            <div class="panel-body" style="overflow: auto;">
              <p>Instances of {{each.title}} can have the following properties:</p>
              <noscript><p><i>The list of properties needs JavaScript.</i></p></noscript>
            </div>
            <table class="table table-bordered" style="overflow: auto;" id="usage-table" data-groups="{{usage_groups|join(' ')}}">
              <tr class="table-classproperties">
                <th>PROPERTY</th><th>TYPE</th><th>DESCRIPTION</th><th>RANGE</th>
              </tr>
            </table>
          </div>
        </div>
      </div>
      <script src="usage.js"></script>
      <script src="{{STATIC_URL}}custom/js/usage.js"></script>
    {% endif %}


    {# Property Shapes: the constraints of the shapes of this class and its ancestors #}
    {% 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 Shapes</h3>
            </div>
            <div class="panel-body" style="overflow: auto;">
              <p>By the associated SHACL property shapes, instances of {{each.title}} can have the following properties:</p>
            </div>
            {{ shacl.constraints_table(each.shacl_constraints, with_property_info=True) }}
          </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 %}