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

{% block headerAssets %}
    {{ include( 'NivaPortalBundle:Layout-grid:header.html.twig', { 'club': club } ) }}
{% endblock %}

{% block content %}

    <!-- Club Logo -->
    <img class="logo" src="{{ club.contentBanner }}" />

    <!-- Section Name -->
    <header data-role="header">
        <div><h2>{{ club.clubName }}</h2></div>
    </header>

    <!-- Media -->
    <section id="streaming">
        {% if content.type == 'VID' %}
            <p>
                <video poster="{{ content.url }}" controls autoplay>
                    <source src="{{ content.streamPath }}" type="video/mp4">
                </video>
            </p>
        {% elseif content.type == "MP3" %}
            <p>
                <audio controls autoplay>
                    <source src="{{ content.streamPath }}" type="audio/mpeg">
                </audio>
            </p>
        {% endif %}
        <p>Si tu navegador no soporta streaming por HTML5, descarga el contenido directamente a tu celular.</p>
        <p> ¿Problemas con las descargas? Escríbenos a <a href="mailto:{{ club.contentSupportEmail }}">{{ club.contentSupportEmail }}</a></p>

    </section>

    <footer data-role="footer">

        <p>
            <a href="{{ path('niva_portal_home', {'clubCode': club.clubCode}) }}">Volver al Inicio</a><br/>

            {# QUICK FIX FOR IUSACELL.. CHANGE SOON!! #}
            {% if club.allowFreeAccess == false %}
                {% if club.creditsHasIlimited == false %}
                    <span>Saldo actual: {{ client.credits }} créditos</span><br/>
                    <a href="{{ path('niva_portal_credits', {'clubCode': club.clubCode}) }}">Comprar Créditos</a><br/>
                {% endif %}
                {% if complete %}
                    {%  if club.operatorName == 'telcel' %}
                        <a href="http://mitelcel.telcel.com/">Mi Telcel</a><br/>
                    {% endif %}
                    <a href="{{ path('niva_portal_unsubscribe', {'clubCode': club.clubCode}) }}">Cancelar Servicio</a><br/>
                {% endif %}
            {% endif %}
            <a href="{{ path('niva_portal_terms', {'clubCode': club.clubCode}) }}">Condiciones del Servicio</a><br/>
        <div>{{ club.termsFooter|raw }}</div>
        </p>

    </footer>

{% endblock %}