{% 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 -->
        <div class="banner">
            <a href="{{ path('niva_portal_home', {'clubCode': club.clubCode}) }}">
                <img class="content-banner" src="{{ club.contentBanner }}"/>
            </a>

            {% if content.publicName %}
                <h3>{{ content.publicName }}</h3>
            {% endif %}
            {% if content.description %}
                <h4>{{ content.description }}</h4>
            {% endif %}
        </div>
        <div id="downloads" class="downloads">
                {% if rejected is defined and rejected %}
                    <div>
                        <p class="rejected">
                            Estimado usuario, por el momento no puedes acceder al contenido del servicio ya que no
                            cuentas saldo suficiente. Te invitamos a realizar una recarga y seguir disfrutando del
                            mejor contenido! Gracias por utilizar nuestro servicio!
                        </p>
                    </div>
                {% endif %}

                {% if club.enableVideoPreviews and content.type == 'VID' %}
                    <small>Da click a la imagen para ver un clip de muestra.</small>
                    <video width="250" poster="{{ content.url }}" controls
                           style="margin: 0 auto; width: 80%;">
                        <source src="{{ content.streamPreviewPath }}" type="video/mp4">
                    </video>
                {% else %}
                    <div>
                        <img src="{{ content.url }}" alt="{{ content.publicName }}" title="{{ content.description }}">
                    </div>
                {% endif %}

                <p>Tipo de contenido:
                    {% if content.type == "IMG" %}Imagen{% endif %}
                    {% if content.type == "MP3" %}Audio / Ringtone{% endif %}
                    {% if content.type == "VID" %}Video{% endif %}
                    {% if content.type == "GAM" %}Juego{% endif %}
                </p>

                {% if owned is defined and owned %}
                    <div>
                        <p>Ya has descargado este contenido anteriormente.<br/>
                            Puedes descargarlo nuevamente sin ningún costo adicional.</p>
                    </div>
                {% else %}
                    {% if club.creditsHasIlimited == false %}
                        <div>
                            <p>Costo por descarga{% if club.enableMediaStreams %}/stream{% endif %}
                                : {{ club.getCreditsPerDownload() }} créditos</p>
                        </div>
                    {% endif %}
                {% endif %}

                <div style="padding-top:10px;">
                    {% if content.type == 'GAM' %}
                        <form action="{{ path('niva_portal_play', {'clubCode': club.clubCode}) }}" method="post">
                            <input type="submit" class="btn" value='Jugar!'/>
                            <input type="hidden" name="clubCode" value="{{ club.clubCode }}"/>
                            <input type="hidden" name="contentId" value="{{ content.contentId }}"/>
                            <input type="hidden" name="clientId" value="{{ client.clientId }}"/>
                        </form>
                    {% elseif content.type == 'VID' or content.type == 'MP3' %}
                        {% if club.enableMediaStreams %}
                            <form action="{{ path('niva_portal_stream', {'clubCode': club.clubCode}) }}" method="post">
                                <input type="submit" class="btn" value='Stream!'/>
                                <input type="hidden" name="clubCode" value="{{ club.clubCode }}"/>
                                <input type="hidden" name="contentId" value="{{ content.contentId }}"/>
                                <input type="hidden" name="clientId" value="{{ client.clientId }}"/>
                            </form>
                        {% endif %}

                        <form action="{{ path('niva_portal_download', {'clubCode': club.clubCode}) }}" method="get"
                              style="padding-top:10px" onsubmit="disableButton('downloadBtn', 'Descargando..');subtractCredits({{ club.getCreditsPerDownload() }});return true;">
                            <input type="submit" class="btn" value='Descargar!' id="downloadBtn" />
                            <input type="hidden" name="clubCode" value="{{ club.clubCode }}"/>
                            <input type="hidden" name="contentId" value="{{ content.contentId }}"/>
                            <input type="hidden" name="clientId" value="{{ client.clientId }}"/>
                        </form>
                    {% else %}
                        <form action="{{ path('niva_portal_download', {'clubCode': club.clubCode}) }}" method="get"
                              onsubmit="disableButton('downloadBtn', 'Descargando..');subtractCredits({{ club.getCreditsPerDownload() }});return true;">
                            <input type="submit" class="btn" value='Descargar!' id="downloadBtn"/>
                            <input type="hidden" name="clubCode" value="{{ club.clubCode }}"/>
                            <input type="hidden" name="contentId" value="{{ content.contentId }}"/>
                            <input type="hidden" name="clientId" value="{{ client.clientId }}"/>
                        </form>
                    {% endif %}
                </div>
                <div>
                    <small>¿Problemas con las descargas? <br/> Escríbenos a <a
                                href="mailto:{{ club.contentSupportEmail }}">{{ club.contentSupportEmail }}</a></small>
                </div>
        </div>
        {{ include( 'NivaPortalBundle:Layout-basic:legal.html.twig', { 'client': client, 'display': 'basic' } ) }}
    </div> <!-- container -->
{% endblock %}