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

{% block headerAssets %}
    {{ include( 'NivaPortalBundle:Layout-basic:header.html.twig', { 'club': club } ) }}
{% endblock %}
{% block content %}
    <div id="container" class="container"> <!-- container -->
    {% if content.type == 'VID' %}
        <video width="320" poster="{{ content.url }}" controls autoplay style="margin: 0 auto; width: 100%;">
            <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">
                <div>Si tu navegador no soporta streaming por HTML5, descarga el contenido directamente a tu celular.</div>
                <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 -->
{% endblock %}