{% macro display_media(m, links, main_url) -%}

{% for url in m.urls %}
{% if url | length == 0 %}
No URL available for {{ m.key }}.
{% elif 'http' in url %}
{% if 'image' in m.mimetype %}
<a href="{{ url }}">
    <img src="{{ url }}" style="max-height:400px;max-width:400px;"></img>
</a>
{% elif 'video' in m.mimetype %}
<video src="{{ url }}" controls style="max-height:400px;max-width:600px;">
    Your browser does not support the video element.
</video>
{% elif 'audio' in m.mimetype %}
<audio controls>
    <source src="{{ url }}" type="{{ m.mimetype }}">
    Your browser does not support the audio element.
</audio>
{% elif m.filename | get_extension == ".wacz" %}
<a href="https://replayweb.page/?source={{ url | quote }}#view=pages&url={{ main_url }}">replayweb</a>
{% else %}
No preview available for {{ m.key }}.
{% endif %}
{% else %}
{{ m.url | urlize }}
{% endif %}
{% if links %}
<br>
<a href="{{ url }}">open</a> or
<a href="{{ url }}" download="">download</a>
{% endif %}
{% endfor %}

{%- endmacro -%}

{% macro copy_urlize(val) -%}

{% if val is mapping %}
<ul>
    {% for key in val %}
    <li>
        <b>{{ key }}:</b> {{ copy_urlize(val[key]) }}
    </li>
    {% endfor %}
</ul>

{% else %}
<span class="copy">{{ val | string | urlize }}</span>
{% endif %}

{%- endmacro -%}