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

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

{% set slider = false %}
{% set banner = false %}
{% set square = false %}
{% set fade = false %}

{% for section in sections %}
    {% if section.displayType == "SL" %}
        {% set slider = true %}
    {% elseif section.displayType == "BA" %}
        {% set banner = true %}
    {% elseif section.displayType == "SQ" %}
        {% set square = true %}
    {% elseif section.displayType == "FA" %}
        {% set fade = true %}
    {% endif %}
{% endfor %}

{% block content %}

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

    {% if slider %}
    <!-- Slider -->

        <section>

            <div class="flexslider">
                <ul class="slides">
                    {% for section in sections %}
                        {% if section.displayType == "SL" %}
                            {% if section.jumpToListing %}
                                <li>
                                    <a href="{{ path('niva_portal_listing', {'clubCode': club.clubCode, 'sectionId': section.sectionId, 'listingId': section.getDefaultListing().getListingId() }) }}">
                                        <img src="{{ section.banner }}" alt="{{ section.name }}" title="{{ section.name }}" />
                                    </a>
                                </li>
                            {% else %}
                                <li>
                                    <a href="{{ path('niva_portal_section', {'clubCode': club.clubCode, 'sectionId': section.sectionId}) }}">
                                        <img src="{{ section.banner }}" alt="{{ section.name }}" title="{{ section.name }}"/>
                                    </a>
                                </li>
                            {% endif %}
                        {% endif %}
                    {% endfor %}
                </ul>
            <div>

        </section>
    {% endif %}

    {% if fade %}
    <!-- Fade -->

        <section>

            <div class="flexslider">
                <ul class="slides">
                    {% for section in sections %}
                        {% if section.displayType == "FA" %}
                            {% if section.jumpToListing %}
                                <li>
                                    <a href="{{ path('niva_portal_listing', {'clubCode': club.clubCode, 'sectionId': section.sectionId, 'listingId': section.getDefaultListing().getListingId() }) }}">
                                        <img src="{{ section.banner }}" alt="{{ section.name }}" title="{{ section.name }}" />
                                    </a>
                                </li>
                            {% else %}
                                <li>
                                    <a href="{{ path('niva_portal_section', {'clubCode': club.clubCode, 'sectionId': section.sectionId}) }}">
                                        <img src="{{ section.banner }}" alt="{{ section.name }}" title="{{ section.name }}"/>
                                    </a>
                                </li>
                            {% endif %}
                        {% endif %}
                    {% endfor %}
                </ul>
                <div>

        </section>
    {% endif %}

    {% if banner %}
    <!-- Banners -->

        <section>

            {% for section in sections %}
                {% if section.displayType == "BA" %}

                    {% if section.jumpToListing %}
                            <a href="{{ path('niva_portal_listing', {'clubCode': club.clubCode, 'sectionId': section.sectionId, 'listingId': section.getDefaultListing().getListingId() }) }}">
                                <img class="banner" src="{{ section.banner }}" alt="{{ section.name }}" title="{{ section.name }}" />
                            </a>

                    {% else %}
                            <a href="{{ path('niva_portal_section', {'clubCode': club.clubCode, 'sectionId': section.sectionId}) }}">
                                <img class="banner" src="{{ section.banner }}" alt="{{ section.name }}" title="{{ section.name }}"/>
                            </a>
                    {% endif %}
                {% endif %}
            {% endfor %}

        </section>

    {% endif %}


    {% if square %}
    <!-- Squares -->

        <section>

            <div class="square">
                {% for section in sections %}

                    {% if section.displayType == "SQ" %}

                        {% if section.jumpToListing %}
                                <a href="{{ path('niva_portal_listing', {'clubCode': club.clubCode, 'sectionId': section.sectionId, 'listingId': section.getDefaultListing().getListingId() }) }}">
                                    <img src="{{ section.banner }}" alt="{{ section.name }}" title="{{ section.name }}" />
                                </a>

                            {% else %}
                                <a href="{{ path('niva_portal_section', {'clubCode': club.clubCode, 'sectionId': section.sectionId}) }}">
                                    <img src="{{ section.banner }}" alt="{{ section.name }}" title="{{ section.name }}"/>
                                </a>
                            {% endif %}
                    {% endif %}
                {% endfor %}

            </div>

        </section>

    {% endif %}


    {#
    {% if club.theme == 'boca-spaceless' %}
        <section class="fixedFooter">
            <a href="#">
                <img class="banner" src="http://static.scmobileclubs.com/sc_boca/banner_fijo.gif" />
            </a>
        </section>
    {% endif %}
    #}



    {% if club.operatorId == 11 and client.status == 'S' %} {# only for TimWe (AT&T MX) #}
        {{ include( 'NivaPortalBundle:Layout-default:suspended-popup.html.twig' ) }}
    {% endif %}

    {{ club.googleAdwords|raw }}

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

{% endblock %}

{% block footerAssets %}
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="{{ asset("bundles/nivaportal/Layout-default/js/jquery.flexslider-min.js") }}"></script>

    <script>

        {% if slider %}

            $(window).load(function() {
                $('.flexslider').flexslider({
                    animation: "slide",
                    controlNav: false,
                    directionNav: true,
                    slideshow: true,
                    slideshowSpeed: 3000,
                    pauseOnAction: false
                });
            });

        {% elseif fade %}

        $(window).load(function() {
            $('.flexslider').flexslider({
                animation: "fade",
                controlNav: false,
                directionNav: false,
                slideshow: true,
                slideshowSpeed: 3000,
            });
        });

        {% endif %}

    </script>
{% endblock %}