{% extends "base.html" %}

{% import "bootstrap5/utils.html" as util %}

{% block title %}SeMRA{% endblock %}


{% block content %}
<div class="container" style="margin-top: 50px; margin-bottom: 50px">
    {{ util.render_messages(dismissible=True, container=False) }}
    <div class="row">
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">
                    Mapping <code>{{ mapping.curie["semra.mapping:" | length:][:8] }}</code>
                </h5>
                <dl>
                    <dt>Subject</dt>
                    <dd><a href="{{ url_for('.view_concept', curie=mapping.subject.curie) }}"><code>{{ mapping.subject.curie }}</code></a></dd>
                    <dt>Predicate</dt>
                    <dd><code>{{ mapping.predicate.curie }}</code></dd>
                    <dt>Object</dt>
                    <dd><a href="{{ url_for('.view_concept', curie=mapping.object.curie) }}"><code>{{ mapping.object.curie }}</code></a></dd>
                    <dt>Evidence</dt>
                    {%- for evidence in mapping.evidence -%}
                    <dd>
                        <code>{{ evidence.get_identifier(mapping) }}</code><br>
                        Confidence: {{ evidence.confidence}}<br>
                        Type: {{ evidence.evidence_type }}<br>
                        {% if evidence.author %}
                        Author: <a href="https://bioregistry.io/{{ evidence.author.curie }}">{{ evidence.author.curie }}</a><br>
                        {% endif %}
                        {% if evidence.mapping_set %}
                        Mapping Set:
                        <a href="{{ url_for('.view_mapping_set', id=evidence.mapping_set.id.encoded_string()) }}">
                            {{evidence.mapping_set.title}}</a>
                        {% if evidence.mapping_set.version %}v{{ evidence.mapping_set.version }}{% endif %}
                        {% endif %}
                    </dd>
                    {%- endfor -%}
                </dl>
            </div>
        </div>
    </div>
</div>
{% endblock %}