{% extends "package/base.html" %}

{% set res = resource %}

{% block head_extras -%}
    {{ super() }}
    {% set description = h.markdown_extract(h.get_translated(res, 'description'), extract_length=200) if res.description else h.markdown_extract(h.get_translated(package, 'notes'), extract_length=200) %}
    <meta property="og:title" content="{{ h.dataset_display_name(package) }} - {{ h.resource_display_name(res) }} - {{ g.site_title }}">
    <meta property="og:description" content="{{ description|forceescape }}">
{% endblock -%}

{% block subtitle -%}
    {{ ui.subtitle_item(h.dataset_display_name(package)) }}
    {{- ui.subtitle_item(h.resource_display_name(res)) }}
    {{- super() }}
{%- endblock %}

{% block breadcrumb_content_selected -%}{% endblock %}

{% block breadcrumb_content -%}
    {{ super() }}
    {{- ui.breadcrumb(h.resource_display_name(res)|truncate(30), href="", active=true, aria={"current": "page", "label": _('Current resource: {name}').format(name=h.resource_display_name(res))}) }}
{%- endblock %}

{% block pre_primary %}
    {% block resource %}
        <section class="module module-resource" role="complementary">
            {% block resource_inner %}
                <div class="actions">
                    {% block resource_actions %}
                        <ul class="d-flex flex-wrap gap-1 justify-content-end">
                            {% block resource_actions_inner %}
                                {% if res.url and h.is_url(res.url) %}
                                    <li>
                                        <div class="btn-group">
                                            <a class="btn btn-primary resource-url-analytics" href="{{ res.url }}">
                                                {% if res.resource_type in ('listing', 'service') %}
                                                    {{ ui.icon("eye") }} {{ _('View') }}
                                                {% elif  res.resource_type == 'api' %}
                                                    {{ ui.icon("key") }} {{ _('API Endpoint') }}
                                                {% elif not res.has_views and not res.url_type == 'upload' %}
                                                    {{ ui.icon("external-link") }} {{ _('Go to resource') }}
                                                {% else %}
                                                    {{ ui.icon("arrow-circle-down") }} {{ _('Download') }}
                                                {% endif %}
                                            </a>
                                            {% block download_resource_button %}{% endblock download_resource_button %}
                                        </div>
                                    </li>
                                {% endif %}
                            {% endblock %}
                            {% block action_manage %}
                                {% block action_manage_inner %}{% endblock %}
                                {% if h.check_access('package_update', {'id':pkg.id }) %}
                                    <li>
                                        {{ ui.button(_('Manage'), href=h.url_for(pkg.type ~ '_resource.edit', id=pkg.name, resource_id=res.id), style="secondary", icon="wrench") }}
                                    </li>
                                {% endif %}
                            {% endblock action_manage %}
                        </ul>
                    {% endblock %}
                </div>
                {% block resource_content %}
                    {% block resource_read_title %}<h1 class="page-heading">{{ h.resource_display_name(res) | truncate(50) }}</h1>{% endblock %}
                    {% block resource_read_url %}
                        {% if res.url and h.is_url(res.url) %}
                            <p class="text-muted ellipsis">{{ _('URL:') }} <a class="resource-url-analytics" href="{{ res.url }}" aria-label="{{ _('Resource URL: {url}').format(url=res.url) }}">{{ res.url }}</a></p>
                        {% elif res.url %}
                            <p class="text-muted break-word">{{ _('URL:') }} {{ res.url }}</p>
                        {% endif %}
                    {% endblock %}
                    <div class="prose notes" property="rdfs:label">
                        {% if res.description %}
                            {{ h.render_markdown(res.description) }}
                        {% endif %}
                        {% if not res.description and package.notes %}
                            {{ ui.heading(_('Dataset description:'), level=1) }}
                            <blockquote>{{ h.markdown_extract(h.get_translated(package, 'notes')) }}</blockquote>
                            <p>{% trans dataset=h.get_translated(package, 'title'), url=h.url_for(package.type ~ '.read', id=package.name) %}Source: <a href="{{ url }}">{{ dataset }}</a>{% endtrans %}<p>
                        {% endif %}
                    </div>
                {% endblock %}
                {% block data_preview %}
                    {% block resource_view %}
                        {% block resource_view_nav %}
                            {% snippet "package/snippets/resource_views_list.html",
                                        views=resource_views,
                                        pkg=pkg,
                                        is_edit=false,
                                        view_id=current_resource_view['id'],
                                        resource=resource,
                                        extra_class="nav-tabs"
                            %}
                        {% endblock %}
                        {% block resource_view_content %}
                            <div class="resource-view">
                                {% if resource_views %}
                                    {% for resource_view in resource_views %}
                                        {% if resource_view == current_resource_view %}
                                            {% snippet 'package/snippets/resource_view.html',
                                                        resource_view=resource_view,
                                                        resource=resource,
                                                        package=package
                                            %}
                                        {% endif %}
                                    {% endfor %}
                                {% else %}
                                    {# Views not created #}
                                    <div class="data-viewer-info">
                                        <p>{{ _("There are no views created for this resource yet.") }}</p>
                                        {% if h.check_access('resource_view_create', {'resource_id': resource.id}) %}
                                            <p class="text-muted">
                                                <i class="fa fa-info-circle"></i>
                                                {{ _("Not seeing the views you were expecting?")}}
                                                <a href="javascript:void(0);" data-bs-toggle="collapse" data-bs-target="#data-view-info">
                                                    {{ _('Click here for more information.') }}</a>
                                            </p>
                                            <div id="data-view-info" class="collapse">
                                                <p>{{ _('Here are some reasons you may not be seeing expected views:') }}</p>
                                                <ul>
                                                    <li>{{ _("No view has been created that is suitable for this resource")}}</li>
                                                    <li>{{ _("The site administrators may not have enabled the relevant view plugins")}}</li>
                                                    <li>{{ _("If a view requires the DataStore, the DataStore plugin may not be enabled, or the data may not have been pushed to the DataStore, or the DataStore hasn't finished processing the data yet")}}</li>
                                                </ul>
                                            </div>
                                        {% endif %}
                                    </div>
                                {% endif %}
                            </div>
                        {% endblock %}
                    {% endblock %}
                {% endblock %}
            {% endblock %}
        </section>
    {% endblock %}
{% endblock %}

{% block primary_content %}
    {% block resource_additional_information %}
        {% if res %}
            <section class="module">
                {% block resource_additional_information_inner %}
                    <div class="module-content">
                        {{ ui.heading(_('Additional Information'), level=2) }}
                        {%- call ui.util.call(ui.table, striped=true, bordered=true, data={"module": "table-toggle-more"}) -%}
                            <thead>
                                <tr>
                                    <th scope="col">{{ _('Field') }}</th>
                                    <th scope="col">{{ _('Value') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <th scope="row">{{ _('Data last updated') }}</th>
                                    <td>{{ h.render_datetime(res.last_modified) or h.render_datetime(res.created) or _('unknown') }}</td>
                                </tr>
                                <tr>
                                    <th scope="row">{{ _('Metadata last updated') }}</th>
                                    <td>{{ h.render_datetime(res.metadata_modified) or h.render_datetime(res.created) or _('unknown') }}</td>
                                </tr>
                                <tr>
                                    <th scope="row">{{ _('Created') }}</th>
                                    <td>{{ h.render_datetime(res.created) or _('unknown') }}</td>
                                </tr>
                                <tr>
                                    <th scope="row">{{ _('Format') }}</th>
                                    <td>{{ res.format or res.mimetype_inner or res.mimetype or _('unknown') }}</td>
                                </tr>
                                <tr>
                                    <th scope="row">{{ _('License') }}</th>
                                    <td>{% snippet "snippets/license.html", pkg_dict=pkg, text_only=True %}</td>
                                </tr>
                                {% for key, value in h.format_resource_items(res.items()) %}
                                    {% if key not in ('created', 'metadata modified', 'last modified', 'format') %}
                                        <tr class="toggle-more"><th scope="row">{{ key | capitalize }}</th><td>{{ value }}</td></tr>
                                    {% endif %}
                                {% endfor %}
                            </tbody>
                        {%- endcall %}

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

{% block secondary_content %}

    {% block dataset_wrench %}
        {% snippet "package/snippets/package_wrench.html", pkg=pkg, active=res.id, action='read' %}
    {% endblock %}

    {% block resources_list %}
        {% snippet "package/snippets/resources.html", pkg=pkg, active=res.id, action='read' %}
    {% endblock %}

    {% block resource_license %}
        {% snippet "snippets/social.html" %}
    {% endblock %}
{% endblock %}