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

{% block headerAssets %}
    {{ parent() }}
    {{ include( 'NivaPortalBundle:Layout-default: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 src="{{ club.contentBanner }}" alt="{{ club.contentBanner }}" title="{{ club.contentBanner }}" />
            </a>
            <h1>Créditos</h1>
        </div>
        <div id="downloads" class="downloads">
                <div>
                    <p>Precio de compra de créditos : $10 pesos IVA incluido.<br/>
                       Créditos asignados por compra: {{ club.creditsPerPurchase }} créditos</p>
                    <p>Saldo actual: {{ client.credits }} créditos</p>
                </div>
                {% if message %}
                <div style="padding-top:10px;">
                    <p style="color:red;">{{ message }}</p>
                </div>
                {% endif %}
                <div style="padding-top:10px;">
                    <form action="{{ path('niva_portal_credits', {'clubCode': club.clubCode}) }}" method="post">
                        <input type="submit" class="btn" value='Comprar Créditos' />
                        <input type="hidden" name="clubCode" value="{{ club.clubCode }}" />
                        <input type="hidden" name="clientId" value="{{ client.clientId }}" />
                    </form>
                </div>
        </div>
        {{ include( 'NivaPortalBundle:Layout-default:legal.html.twig', { 'client': client, 'display': 'basic' } ) }}
    </div> <!-- container -->
{% endblock %}