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

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

{% block content %}

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

<!-- Section Name -->
    <header data-role="header">
        <div><h2 class="title"><a href="{{ path('niva_portal_home', {'clubCode': club.clubCode}) }}" data-transition="flip" data-direction="reverse">{{ club.contentName }}</a>
                <span class="current">: {{ section.name }}</span>
            </h2>
        </div>
    </header>

<!-- Media -->
<section id="section">

    <section class="flexslider">

        <ul class="slides">
            {% for listing in listings %}
                <li>
                    {% if listing.jumpToContent %}
                        <a href="{{ path('niva_portal_content', {'clubCode': club.clubCode, 'contentId': listing.getDefaultContent().getContentId() }) }}">
                            <img class="thumbnail" src="{{ listing.banner }}" alt="{{ listing.name }}" title="{{ listing.name }}" />
                        </a>
                    {% else %}
                        <a href="{{ path('niva_portal_listing', {'clubCode': club.clubCode, 'sectionId': section.sectionId, 'listingId': listing.listingId }) }}">
                            <img class="thumbnail" src="{{ listing.banner }}" alt="{{ listing.name }}" title="{{ listing.name }}"/>
                        </a>
                    {% endif %}
                </li>
            {% endfor %}
        </ul>

        {% if listings[0] is defined %}
            <div id="previous"></div>
            <div id="next"></div>
        {% endif %}

    </section>

        {{ club.googleAdwords|raw }}

        {{ include( 'NivaPortalBundle:Layout-slider:legal.html.twig', { 'client': client, 'complete':0 } ) }}

{% endblock %}