{% extends 'layout.html.twig' %}

{% set seo_entity = page %}
{% set body_class = 'has-banner' %}
{% set subscribe = {popup: false} %}
{% set site_header_white = is_texstyle_au() or is_texstyle_us() %}

{% block content %}
    {% if is_texstyle_au() %}
        {% include 'default/banner-au.html.twig' %}
    {% else %}
        {% include 'default/banner-us.html.twig' %}
    {% endif %}

    {% if page.featuredGallery %}
        {% set gallery = page.featuredGallery %}
        <div class="home-section home-swatch-gallery">
            <div class="container">
                <div class="home-swatch-gallery-flourish">
                    {% include '_includes/flourish.html.twig' %}
                </div>
                <div class="breadcrumbs">
                    <div class="breadcrumbs-item">
                        <a href="{{ path('swatch_galleries_index') }}" class="breadcrumbs-link">Inspiration Gallery</a>
                    </div>
                </div>

                <h1 class="swatch-gallery-title">{{ gallery.title }}</h1>

                <div class="row">
                    <div class="col-md-6 flex-md-last">
                        <div class="swatch-gallery-image">
                            <img src="{{ gallery.heroImage }}" width="767" height="430" alt="">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="swatch-gallery-content">
                            {{ gallery.excerpt|raw }}
                        </div>
                        <div class="swatch-gallery-more">
                            <a href="{{ path('swatch_galleries_show', {'urlTitle': gallery.urlTitle}) }}" class="btn btn-primary btn-more">
                                View gallery
                            </a>
                        </div>
                    </div>
                </div>

                <div class="swatch-gallery-gallery">
                    <div class="gallery hidden-sm-down" data-component="gallery">
                        <div class="gallery-column"></div>
                        {% for swatch in gallery.orderedSwatches[:5] %}
                            <div class="gallery-column">
                                {% include '_includes/gallery-item.html.twig' with {'show_collection': true} %}
                            </div>
                        {% endfor %}
                    </div>
                </div>
            </div>
        </div>
    {% endif %}

    <div class="home-section home-news">
        {{ render(controller('Texstyle\\Controller\\NewsController::latestArticles', {'button': 'More news articles'})) }}
    </div>

    <div class="home-section home-help">
        {% include '_includes/help-feature.html.twig' with {'articles': page.featuredHelp} %}
    </div>

    <div class="home-section home-subscribe">
        {% include '_includes/subscribe-callout.html.twig' %}
    </div>
{% endblock %}