{% import 'macros/form.html' as form %}

{% block resource_view %}
    <div id="view-{{ resource_view['id'] }}" class="resource-view" data-id="{{ resource_view['id'] }}" data-title="{{ resource_view['title'] }}" data-description="{{ resource_view['descripion'] }}">
        <div class="actions">

            {{ ui.button(_("Fullscreen"), icon="arrows-alt", style="secondary", blank=true, href=h.url_for(package['type'] ~ '_resource.view', id=package['name'], resource_id=resource['id'], view_id=resource_view['id'], qualified=True)) }}

            {{ ui.modal_handle(_("Embed"), icon="object-group", href="#embed-"~resource_view['id'], style="secondary",
                    data={
                       "module": "resource-view-embed",
                       "module-id": resource_view.id,
                       "module-url": h.url_for(package.type ~ '_resource.view', id=package.name, resource_id=resource.id, view_id=resource_view.id, qualified=true),
                    }) }}

        </div>

        <p class="desc">{{ h.render_markdown(resource_view['description']) }}</p>

        <div class="m-top ckanext-datapreview">
            {% if not to_preview and h.resource_view_is_filterable(resource_view) %}
                {%- with resource=resource -%}
                    {% include 'package/snippets/resource_view_filters.html' %}
                {%- endwith %}
            {% endif %}

            {% if not h.resource_view_is_iframed(resource_view) %}
                {{ h.rendered_resource_view(resource_view, resource, package) }}

            {% else %}
                <div class="data-viewer-error js-hide">
                    <p class="text-danger">
                        {{ ui.icon("info-circle") }}
                        {{ _('This resource view is not available at the moment.') }}
                        <a href="#" data-bs-toggle="collapse" data-bs-target="#data-view-error">
                            {{ _('Click here for more information.') }}
                        </a>
                    </p>
                    <p id="data-view-error" class="collapse"></p>
                    <p>
                        <a href="{{ resource.url }}" class="btn btn-secondary btn-lg resource-url-analytics" target="_blank" rel="noreferrer">
                            <i class="fa fa-lg fa-arrow-circle-down"></i>
                            {{ _('Download resource') }}
                        </a>
                    </p>
                </div>

                {% if not to_preview %}
                    {% set current_filters = request.args.get('filters') %}
                    {% if current_filters %}
                        {% set src = h.url_for(package['type'] ~ '_resource.view', id=package['name'],
              resource_id=resource['id'],
              view_id=resource_view['id'],
              filters=current_filters, qualified=true)  %}
                    {% else %}
                        {% set src = h.url_for(package['type'] ~ '_resource.view', id=package['name'],
              resource_id=resource['id'],
              view_id=resource_view['id'], qualified=true)  %}
                    {% endif %}

                {% else %}
                    {# When previewing we need to stick the whole resource_view as a param as there is no other way to pass to information on to the iframe #}
                    {% set src = h.url_for(package['type'] ~ '_resource.view', id=package['name'], resource_id=resource['id'], qualified=true) + '?' + h.urlencode({'resource_view': h.dump_json(resource_view)}) %}

                {% endif %}

                <iframe aria-label="Data viewer" src="{{ src }}" frameborder="0" width="100%" data-module="data-viewer">
                    <p>{{ _('Your browser does not support iframes.') }}</p>
                </iframe>
            {% endif %}
        </div>

        {%- call ui.util.call(ui.modal, id="embed-"~resource_view['id'], title=_("Embed resource view"), dismissible=true) -%}
            <p class="embed-content">{{ _("You can copy and paste the embed code into a CMS or blog software that supports raw HTML") }}</p>
            <div class="row">
                <div class="col-md-6">
                    {{ ui.input(name="width", label=_("Width"), value=700) }}
                </div>
                <div class="col-md-6">
                    {{ ui.input(name="height", label=_("Height"), value=400) }}
                </div>
            </div>
            {{ ui.textarea(name="code", label=_("Code"), value="", rows=3, attrs={"readonly": ""}) }}
        {%- endcall %}

    </div>
{% endblock %}