{% extends 'NivaPortalBundle:common:layout.html.twig' %}

{% block headerAssets %}
    {{ parent() }}
    {{ include( 'NivaPortalBundle:Layout-default:header.html.twig', { 'club': club } ) }}
{% endblock %}
{% block content %}
    <section>
        <div id="container" class="container"> <!-- container -->
            {% if content.type == 'VID' %}
                <video width="320" poster="{{ content.url }}" controls autoplay>
                    <source src="{{ content.streamPath }}" type="video/mp4">
                </video>
                <br/>
            {% elseif content.type == "MP3" %}
                <audio controls autoplay style="margin: 0 auto; width: 100%;">
                    <source src="{{ content.streamPath }}" type="audio/mpeg">
                </audio>
                <br/>
            {% endif %}
            <div id="downloads" class="downloads">
                <p>Si tu navegador no soporta streaming por HTML5, descarga el contenido directamente a tu celular.</p>
                <div style="padding-top:10px;">
                    <a href="{{ path('niva_portal_content', {'clubCode': club.clubCode, 'contentId': content.contentId }) }}">Volver</a>
                </div>
                <div style="padding-top:10px;">
                    <small>¿Problemas con las descargas? Escríbenos a <a href="mailto:{{ club.contentSupportEmail }}">{{ club.contentSupportEmail }}</a></small>
                </div>
            </div>
        </div> <!-- container -->
    </section>
{% endblock %}