{# "Campaign" block view template. #}
{# One block can contain one or several "block items". #}
{# Those items are passed from the PageController as "valid_items" and "valid_contentinfo_items" #}
{% set several = valid_items|length > 1 %}
<!-- BLOCK: START -->
<div class="block-type-campaign">
    <div class="campaign">
        <a href="#" class="navig prev" style="opacity:0;"><span class="hide">&lt;</span></a>
        {# If we have only one item, display build a link to it. Otherwise let Javascript do its job. #}
        <a href="{{ several ? path( 'ez_urlalias', {'locationId': item.locationId} ) : "#" }}" class="navig next{% if not several %} disabled{% endif %}"><span class="hide">&gt;</span></a>

        <ul class="indicator{% if not several %} disabled{% endif %}">
        {# Loop over items as ContentInfo objects to display the content name #}
        {% for contentInfo in valid_contentinfo_items %}
            <li{% if loop.first %} class="selected"{% endif %}><span class="hide">{{ ez_content_name( contentInfo ) }}</span></li>

        {% endfor %}
        </ul>

        <ul class="images">
        {# Now loop over block items to display them. #}
        {# Block items are eZ\Publish\Core\FieldType\Page\Parts\Item objects #}
        {# Render each location using a specific "block_item_campaign" view type. #}
        {# image_class param will be used in sub-template. #}
        {% for item in valid_items %}
            {{ render(
                   controller(
                       'ez_content:viewLocation',
                       {
                           'locationId': item.locationId,
                           'viewType': 'block_item_campaign',
                           'params': {'image_alias': 'campaign'}
                       }
                   )
               ) }}
        {% endfor %}
        </ul>
    </div>
</div>
<!-- BLOCK: END -->

<script type="text/javascript">
    YUI(YUI3_config).use('event', 'ezsimplegallery', function (Y) {
        Y.on('domready', function () {
            Y.all('.block-type-campaign').each(function () {
                var gal = new Y.eZ.SimpleGallery({
                    gallery: this
                });
            });
        });
    });
</script>