{% from '_value.html' import render_value with context %}

<div class="card mb-2 anchor-offset" id="{{ item.anchor_id }}">
    <div class="card-header bg-white pt-2 px-1 d-flex justify-content-between align-items-center">
        <h4 class="fw-bold mb-0">
            <div class="d-inline-block {% if item.is_deprecated %}text-decoration-line-through text-muted{% endif %}">{{ item.label }}</div>
            {% if item.type.lower() in type_map %}
                <sup class="badge bg-light text-secondary {{type_map[item.type.lower()].abb}}" title="{{ type_map[item.type.lower()].singular}}">{{ type_map[item.type.lower()].abb }}</sup>
            {% endif %}
            {% if item.is_deprecated %}
                <span class="ms-2" style="font-size: 0.7em; letter-spacing: 1.5px; color: darkred">DEPRECATED</span>
            {% endif %}
        </h4>


        {% if not single_resource %}
        <span class="backlink">
            back to
            <a href="#toc">ToC</a>
            or
            {% if item.type.lower() in type_map %}
                <a href="#{{item.type.lower()}}s">{{type_map[item.type.lower()].singular}} ToC</a>
            {% endif %}
        </span>
        {% endif %}
    </div>

    <div class="card-body p-0">
        <div class="description p-3">
            <p class="mb-1"><span class="text-dark fw-bold">IRI:</span> {{ item.uri }}</span>
            {% if item.is_external or not item.provenance  %}
                <span></span>
            {% elif is_static %}
                <a href="{{ resource_url(item.uri, item.type.lower() ~ 's') }}" class="ms-2" title="Go to resource documentation"><i class="bi bi-box-arrow-up-right"></i></a>
            {% else %}
                <a href="/extract?{{ nav_qs }}&resource={{ item.uri | urlencode }}" class="ms-2" title="Go to resource documentation"><i class="bi bi-box-arrow-up-right"></i></a>
            {% endif %}
            </p>

            {% set priority_relations = ['Is Defined By', 'Comment', 'comment'] %}
            {% set md_types = ['Literal', 'Str', 'literal', 'str', 'string'] %}

            {% for key in priority_relations %}
                {% if key in item.relations %}
                    <div>
                        <h6 class="text-dark fw-bold pb-0 mb-0" >{{ key }}</h6>
                        {% set rel_vals = item.relations[key] %}
                        <div class="ms-2">
                            {% if rel_vals is iterable and rel_vals is not string %}
                                {% for val in rel_vals %}
                                    {% set v_type = val.type.lower() if val.type else '' %}
                                    {% set is_md = v_type in md_types %}

                                    {% set dep_class = 'text-decoration-line-through text-muted' if val.is_deprecated else '' %}
                                    {% set dep_title = ' -- Deprecated ' if val.is_deprecated else '' %}

                                    {% if val.link %}
                                        <div class="markdown-with-badge text-dark {{dep_class}}">
                                        <a href="{{ val.link }}" target="_blank" class="{% if is_md %}render-markdown{% endif %}" title="{{val.link}}{{dep_title}}">{{ val.text }}</a>
                                        </div>

                                    {% else %}
                                    <div class="{{dep_class}}">

                                        <div class="markdown-with-badge text-dark {% if is_md%}render-markdown inline-markdown{% endif %} me-1"
                                            {% if is_md %}data-md="{{ val.text | e }}"{% endif %}>{{ val.text }}
                                        </div>
                                        {% if is_md and val.lan %}
                                            <sup class="badge text-secondary lan" title="{{ lang_map.get(val.lan[:2] | lower, val.lan | upper) }}">{{ val.lan }}</sup>
                                        {% endif %}
                                    </div>
                                    {% endif %}
                                {% endfor %}
                            {% else %}
                                {% set v_type = rel_vals.type.lower() if rel_vals.type else '' %}
                                {% set is_md = v_type in md_types %}
                                {% set dep_class = 'text-decoration-line-through text-muted' if rel_val.is_deprecated else '' %}
                                {% set dep_title = 'Deprecated ' if rel_val.is_deprecated else '' %}
                                <div class="markdown-with-badge text-dark {% if is_md %}render-markdown{% endif %} {{dep_class}}"
                                {% if is_md %}data-md="{{ rel_vals.text | e }}"{% endif %}>
                                    {{ rel_vals.text }}

                                    {% if is_md and val.lan %}
                                        <sup class="badge text-secondary lan" title="{{ lang_map.get(val.lan[:2] | lower, val.lan | upper) }}">{{ val.lan }}</sup>
                                    {% endif %}
                                </div>
                            {% endif %}
                        </div>
                    </div>
                {% endif %}
            {% endfor %}
        </div>

        {% if item.relations %}
            {% set hidden_relations = ['Identifier', 'identifier'] %}
            {% set visible_relations = [] %}
            {% for key in item.relations %}
                {% if key not in priority_relations and key not in hidden_relations %}
                    {% set _ = visible_relations.append(key) %}
                {% endif %}
            {% endfor %}
            {% if visible_relations %}
                <div class="attribute p-3 border-top border-bottom bg-light-subtle">
                    {% if item.characteristics %}
                        <div class=" mb-3">
                            <h6 class="fw-bold text-dark pb-0 mb-0" >
                                has Characteristics
                            </h6>
                            <div class="d-flex flex-wrap gap-4 text-secondary small">
                                {% for char_name, is_checked in item.characteristics.items() %}
                                <div class="form-check">
                                    <label class="form-check-label text-capitalize text-dark" style="opacity: 1;">
                                        {{ char_name }}
                                    </label>
                                    <input class="form-check-input" type="checkbox" value="" {% if is_checked %}checked{% endif %} disabled>
                                </div>
                                {% endfor %}
                            </div>
                        </div>
                    {% endif %}
                    {% for rel_name in visible_relations %}
                        {% set rel_value = item.relations[rel_name] %}
                        <div class="mb-1">
                            <h6 class="fw-bold text-dark pb-0 mb-0" >
                                {{ rel_name }}
                            </h6>
                            <div class="ms-2">
                                {% if rel_value is iterable and rel_value is not string %}
                                    {% for rel_item in rel_value %}
                                        {% if rel_item.parts %}
                                            <div class="restriction-block">
                                                {% for part in rel_item.parts %}
                                                    {% set v_type = part.type.lower() if part.type else '' %}
                                                    {% set is_md = v_type in md_types %}
                                                    {% set dep_class = 'text-decoration-line-through text-muted' if part.is_deprecated else '' %}
                                                    {% set dep_title = ' -- Deprecated' if part.is_deprecated else '' %}

                                                    {% if part.link %}
                                                        <div class="d-inline-block">
                                                            {% set precise_key = part.link ~ '|' ~ v_type %}
                                                            {% if precise_key in anchor_map %}
                                                                <a href="#{{ anchor_map[precise_key] }}" class="{% if is_md %}render-markdown{% endif %} {{dep_class}}" title="{{precise_key}}{{dep_title}}">{{ part.text }}</a>
                                                            {% elif part.link in anchor_map %}
                                                                <a href="#{{ anchor_map[part.link] }}" class="{% if is_md %}render-markdown{% endif %} {{dep_class}}" title="{{part.link}}{{dep_title}}">{{ part.text }}</a>
                                                            {% elif part.is_external %}
                                                                <a class="external-ref {% if is_md %}render-markdown{% endif %} {{dep_class}}" 
                                                                href="{{part.link}}" target="_blank"
                                                                title="{{part.link}}{{dep_title}}">{{ part.text }}</a>
                                                            {% elif is_static %}
                                                                <a href="{{ resource_url(part.link, v_type ~ 's') }}" class="{% if is_md %}render-markdown{% endif %} {{dep_class}}" title="{{part.link}}{{dep_title}}">{{ part.text }}</a>
                                                            {% else %}
                                                                <a href="/extract?{{ nav_qs }}&resource={{ part.link | urlencode }}" class="{% if is_md %}render-markdown{% endif %} {{dep_class}}" title="{{part.link}}{{dep_title}}">{{ part.text }}</a>
                                                            {% endif %}

                                                            {% if v_type in type_map %}
                                                                <sup class="badge text-secondary {{type_map[v_type].abb}}" title="{{ type_map[v_type].singular }}">{{ type_map[v_type].abb }}</sup>
                                                            {% endif %}
                                                        </div>
                                                    {% else %}
                                                        {% set v_type = part.type.lower() if part.type else '' %}
                                                        {% set dep_class = 'text-decoration-line-through text-muted' if part.is_deprecated else '' %}
                                                        {% set dep_title = ' -- Deprecated ' if part.is_deprecated else '' %}
                                                        <span class="logic {% if is_md %}render-markdown{% endif %} {{dep_class}}"
                                                            title="{{part.link}}{{dep_title}}"
                                                            {% if is_md %}data-md="{{ part.text | e }}"{% endif %}>{{ part.text }}
                                                        </span>
                                                        {% if v_type in type_map %}
                                                            <sup class="badge text-secondary {{type_map[v_type].abb}}" title="{{ type_map[v_type].singular }}">{{ type_map[v_type].abb }}</sup>
                                                        {% endif %}

                                                        {% if is_md and part.lan%}
                                                            <sup class="badge text-secondary lan" title="{{ lang_map.get(part.lan[:2] | lower, part.lan | upper) }}">{{ part.lan }}</sup>
                                                        {% endif %}
                                                    {% endif %}
                                                {% endfor %}
                                            </div>

                                        {% elif rel_item.link %}
                                            <div class="d-inline-block">
                                                {% set v_type = rel_item.type.lower() if rel_item.type else '' %}
                                                {% set precise_key = rel_item.link ~ '|' ~ v_type %}
                                                {% set is_md = v_type in md_types %}
                                                {% set dep_class = 'text-decoration-line-through text-muted' if rel_item.is_deprecated else '' %}
                                                {% set dep_title = ' -- Deprecated ' if rel_item.is_deprecated else '' %}

                                                {% if precise_key in anchor_map %}
                                                    <a href="#{{ anchor_map[precise_key] }}" class="{{dep_class}}" title="{{rel_item.link}}{{dep_title}}">{{ rel_item.text }}</a>
                                                {% elif rel_item.link in anchor_map %}
                                                    <a href="#{{ anchor_map[rel_item.link] }}" class="{{dep_class}}" title="{{rel_item.link}}{{dep_title}}">{{ rel_item.text }}</a>
                                                {% elif rel_item.is_external %}
                                                <a class="external-ref {% if is_md %}render-markdown inline-markdown{% endif %} {{dep_class}}"
                                                    href="{{rel_item.link}}" target="_blank"
                                                    title="{{rel_item.link}}{{dep_title}}"
                                                    {% if is_md %}data-md="{{ rel_item.text | e }}"{% endif %}>{{ rel_item.text }}</a>
                                                {% elif is_static %}
                                                <a href="{{ resource_url(rel_item.link, v_type ~ 's') }}" class="{% if is_md %}render-markdown inline-markdown{% endif %} {{dep_class}}" title="{{rel_item.link}}{{dep_title}}">{{ rel_item.text }}</a>
                                                {% else %}
                                                <a href="/extract?{{ nav_qs }}&resource={{ rel_item.link | urlencode }}" class="{% if is_md %}render-markdown inline-markdown{% endif %} {{dep_class}}" title="{{rel_item.link}}{{dep_title}}">{{ rel_item.text }}</a>
                                                {% endif %}

                                                {% if v_type in type_map %}
                                                    <sup class="badge text-secondary {{type_map[v_type].abb}}" title="{{ type_map[v_type].singular }}">{{ type_map[v_type].abb }}</sup>
                                                {% endif %}
                                                {% if is_md and rel_item.lan %}
                                                    <sup class="badge text-secondary lan" title="{{ lang_map.get(rel_item.lan[:2] | lower, rel_item.lan | upper) }}">{{ rel_item.lan }}</sup>
                                                {% endif %}
                                            {% if not loop.last and not rel_value[loop.index].parts %}<span class="text-dark me-1">,</span>{% endif %}
                                            </div>
                                        {% else %}
                                            {% set v_type = rel_item.type.lower() if rel_item.type else '' %}
                                            {% set is_md = v_type in md_types %}
                                            <div class="markdown-with-badge text-dark mb-0 {% if is_md %}render-markdown inline-markdown{% endif %} {% if rel_item.is_deprecated %}text-decoration-line-through text-muted{% endif %}"
                                            {% if is_md %}data-md="{{ rel_item.text | e }}"{% endif %}>{{ rel_item.text }}</div>
                                            {% if v_type in type_map %}
                                                <sup class="badge text-secondary {{type_map[v_type].abb}}" title="{{ type_map[v_type].singular }}">{{ type_map[v_type].abb }}</sup>{% if not loop.last and not rel_value[loop.index].parts %}, {% endif %}
                                            {% endif %}
                                            {% if is_md and rel_item.lan %}
                                                <sup class="badge text-secondary lan" title="{{ lang_map.get(rel_item.lan[:2] | lower, rel_item.lan | upper) }}">{{ rel_item.lan }}</sup>{% if not loop.last and not rel_value[loop.index].parts %}<span class="text-dark me-1">,</span>{% endif %}
                                            {% endif %}
                                        {% endif %}
                                    {% endfor %}
                                {% else %}
                                    {% set v_type = rel_value.type.lower() if rel_value.type else '' %}
                                    {% set is_md = v_type in md_types %}
                                    <div class="markdown-with-badge mb-0 {% if is_md %}render-markdown inline-markdown{% endif %}"
                                    {% if is_md %}data-md="{{ rel_value.text | e }}"{% endif %}>
                                        {{ rel_value.text }}

                                    {% if is_md and rel_value.lan %}
                                        <sup class="badge text-secondary lan" title="{{ lang_map.get(rel_value.lan[:2] | lower, rel_value.lan | upper) }}e">{{ rel_value.lan }}</sup>
                                    {% endif %}
                                    </div>
                                {% endif %}
                            </div>
                        </div>
                    {% endfor %}

                </div>
            {% endif %}
        {% endif %}

        {% if item.statements %}
            <div class="p-3 statement">
                {% for stat_name, stat_value in item.statements.items() %}
                    <div>
                        <h6 class="fw-bold text-dark pb-0 mb-0" >
                            {{ stat_name }}
                        </h6>
                        <div class=" ms-2">
                            {% if stat_value is iterable and stat_value is not string %}
                                <div class="d-flex flex-column gap-1">
                                    {% for val in stat_value %}
                                        <div>{{ render_value(val) }}</div>
                                    {% endfor %}
                                </div>
                            {% else %}
                                <div>
                                    {{ render_value(stat_value) }}
                                </div>
                            {% endif %}
                        </div>
                    </div>
                {% endfor %}
            </div>
        {% endif %}

        
        {% if item.provenance %}
            <div class="card-footer bg-white py-0">
                {% set prov_id = item.anchor_id ~ '_prov' %}
                <div class="accordion accordion-flush prov-accordion" id="{{ prov_id }}_acc">
                    <div class="accordion-item">
                        <h2 class="accordion-header d-flex justify-content-end" id="{{ prov_id }}_head">
                            <button class="accordion-button collapsed py-1 px-2 small fw-bold text-uppercase text-primary w-auto" title="RDF provenance"
                                    type="button" data-bs-toggle="collapse" data-bs-target="#{{ prov_id }}"
                                    aria-expanded="false" aria-controls="{{ prov_id }}">
                                <span>RDF provenance</span> <i class="bi bi-code"></i>
                            </button>
                        </h2>
                        <div id="{{ prov_id }}" class="accordion-collapse collapse"
                            aria-labelledby="{{ prov_id }}_head" data-bs-parent="#{{ prov_id }}_acc">
                            <div class="accordion-body p-2">
                                <ul class="nav nav-tabs nav-tabs-sm justify-content-end small mb-0" role="tablist">
                                    {% for fmt in item.provenance %}
                                    <li class="nav-item" role="presentation">
                                        <button class="nav-link {% if loop.first %}active{% endif %} py-1 px-2"
                                                data-bs-toggle="tab" data-bs-target="#{{ prov_id }}_{{ loop.index }}"
                                                type="button" role="tab">{{ fmt.label }}</button>
                                    </li>
                                    {% endfor %}
                                </ul>
                                <div class="tab-content">
                                    {% for fmt in item.provenance %}
                                    <div class="tab-pane fade {% if loop.first %}show active{% endif %}"
                                        id="{{ prov_id }}_{{ loop.index }}" role="tabpanel">
                                        <pre class="mb-0 small"><code>{{ fmt.code }}</code></pre>
                                    </div>
                                    {% endfor %}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        {% endif %}
    </div>
</div>