{% extends 'base.html' %}

{% block content %}



<div class="cell-margin grid mt-16 lg:grid-cols-2">
    <div class="left ">
        <div class="mb-4 capitalize">{{ resource['type'] }}</div>
        <div class="lg:border-r-2 lg:border-black lg:pr-8 resource">
            <h2 class="block-margin huge-title {{ resource['type'] }}">
                {% block title %}
                {% autoescape false %}
                {{ resource['name'] | replace(" ","<br>") }}
                {% endautoescape %}
                {% endblock %}
            </h2>

            {% if current_user.is_authenticated %}
            {% if resource['type'] == 'tool' %}
            <div class="row text-center py-3">
                <a href="{{ url_for('tool.edit_tool', tool_id=resource['id']) }}">
                    <span class="">Edit</span>
                </a>
            </div>
            {% elif resource['type'] == 'practice' %}
            <div class="row text-center py-3">
                <a href="{{ url_for('practice.edit_practice', practice_id=resource['id']) }}">
                    <span class="">Edit</span>
                </a>
            </div>
            {% endif %}
            {% endif %}
            <div class="facts">
                {% if resource['description'] %}
                <div class="">
                    <h3>Description</h3>
                    {{ resource['description']|safe }}
                </div>
                {% endif %}
                <!-- fields for tools -->
                {% if resource['developer'] %}
                <div class="">
                    <h3>Developer</h3>
                    {% if resource['developerUrl'] %}
                    <a href="{{ resource['developerUrl'] }}">{{ resource['developer'] }}</a>
                    {% else %}
                    {{ resource['developer'] }}
                    {% endif %}
                </div>
                {% endif %}
                {% if resource['license'] %}
                <div class="">
                    <h3>Software license</h3>
                    {{ resource['license'] }}
                </div>
                {% endif %}
                {% if resource['scriptingLanguage'] %}
                <div class="">
                    <h3>Software language(s)</h3>
                    {{ resource['scriptingLanguage'] }}
                </div>
                {% endif %}
                {% if resource['projectUrl'] %}
                <div class="">
                    <h3>Project page</h3>
                    <a href="{{ resource['projectUrl'] }}">{{ resource['projectUrl'] }}</a>
                </div>
                {% endif %}
                {% if resource['repositoryUrl'] %}
                <div class="">
                    <h3>Code repository</h3>
                    <a href="{{ resource['repositoryUrl'] }}">{{ resource['repositoryUrl'] }}</a>
                </div>
                {% endif %}
                {% if resource['ingestFormats'] %}
                <div class="">
                    <h3>Import / ingest formats</h3>
                    {{ resource['ingestFormats'] }}
                </div>
                {% endif %}
                {% if resource['outputFormats'] %}
                <div class="">
                    <h3>Output formats</h3>
                    {{ resource['outputFormats'] }}
                </div>
                {% endif %}
                {% if resource['status'] %}
                <div class="">
                    <h3>Platform status</h3>
                    {{ resource['status'] }}
                </div>
                {% endif %}
                <!-- fields for practices -->
                {% if resource['longDescription'] %}
                <div class="lg:col-span-2">
                    <h3>Full description</h3>
                    {{ resource['longDescription']|safe }}
                </div>
                {% endif %}
                {% if resource['experimental'] %}
                <div class="lg:col-span-2">
                    <h3>Experimental uses</h3>
                    {{ resource['experimental']|safe }}
                </div>
                {% endif %}
                {% if resource['considerations'] %}
                <div class="lg:col-span-2">
                    <h3>Considerations</h3>
                    {{ resource['considerations']|safe }}
                </div>
                {% endif %}
                {% if resource['references'] %}
                <div class="lg:col-span-2">
                    <h3> Further reading</h3>
                    {{ resource['references']|safe }}
                </div>
                {% endif %}
            </div>

        </div>
    </div>

    <div class="right p-4 pr-8 lg:p-0 ">
        <div class="grid lg:grid-cols-2">
            {{ relationships_links(resource) }}
        </div>
    </div>
</div>

{% endblock %}