{% extends "frame.twig" %}

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

{% block mainContent %}
    <article>
        <h1>{{ title }}</h1>
        <p>{{ content | raw }}</p>
    </article>
    <section role="page-meta">
        <div>
            <h2>Files</h2>
            {% for doc in files %}
                {% if doc.type != "mp3" %}
                    {% set path = doc.file|split('/') %}
                    <a href="{{ doc.file }}">{{ path[6] }}</a>

                {% endif %}
            {% endfor %}
        </div>
        <div>
            <h2>Sounds</h2>
            {% for doc in files %}
                {% if doc.type == "mp3" %}
                    <audio controls>
                        <source src="{{ doc.file }}" type="audio/mpeg">
                            Your browser does not support the audio element.
                        </audio>
                    {% endif %}
                {% endfor %}
            </div>
            <div>
                <h2>Info</h2>
                {{ meta['who'] }}
                dropped this
                {{ meta['when'] }}<br/>

            </div>
            <div>
                <h2>Tags</h2>
                {% for tag in meta['tags'] %}
                    {% if dynamicRender is defined %}
                        {% if dynamicRender == 'true' %}
                            <a href="{{ "/tags/"~tag.slug }}">{{ tag.label }}</a>
                        {% else %}
                            <a href="{{ "/tags/"~tag.slug~".html" }}">{{ tag.label }}</a>
                        {% endif %}
                    {% else %}
                        <a href="{{ "/tags/"~tag.slug~".html" }}">{{ tag.label }}</a>
                    {% endif %}
                {% endfor %}
            </div>
        </section>

    {% endblock %}