{# Load Content From WordPress #}
{% set attr_extra = particle.extra|attribute_array %}
{% set post_settings = particle.post %}
{% set filter = post_settings.filter %}
{% set sort = post_settings.sort %}
{% set limit = post_settings.limit %}
{% set start = limit.start %}
{% set display = post_settings.display %}

{# Sticky Posts #}
{% set sticky_posts = filter.sticky ? false : true %}

{# Query Posts #}
{% set query_parameters = {
    'posts_per_page': limit.total|default('-1'),
    'offset': start,
    'orderby': sort.orderby,
    'order': sort.ordering,
    'ignore_sticky_posts': sticky_posts
} %}

{% set categories = filter.categories|replace({' ': ',', ', ': ','}) %}

{% if filter.posts %}
    {% set query_parameters = query_parameters|merge({'post__in': filter.posts|replace({' ': ',', ', ': ','})|split(',')}) %}
{% else %}
    {% set query_parameters = query_parameters|merge({'cat': categories}) %}
{% endif %}

{% set posts = wordpress.query_posts(query_parameters) %}
{% set total = posts.get_pagination([]).total|abs %}
{% set total = max(posts|length, (total * max(0, limit.total)) - 1) %}

{% for post in posts %}
    {% if display.image.enabled and post.thumbnail.src %}
        {% set post_image = post.thumbnail.src %}
    {% endif %}

    {% set accent = 'accent1' %}

    <div class="g-block g-blockcontent-subcontent-block {{ subcontent.class }} g-blockcontent-subcontent-block-{{ accent }}">
        <div class="g-content g-blockcontent-subcontent-block-content">
            {% if post_image %}
                <a data-rel="lightcase" title="{{ post.title|raw }}" href="{{ post_image }}">
                    <img src="{{ url(post_image|e) }}" class="g-blockcontent-subcontent-img" alt="{{ post.title|raw }}"/>
                </a>
            {% endif %}
            {% if display.categories.enabled %}
                <h5 class="g-blockcontent-subcontent-subtitle">
                    {{ post.terms('category')|join(' ') }}
                </h5>
            {% endif %}
            {% if display.title.enabled and post.title %}
                <h4 class="g-blockcontent-subcontent-title">
                    <span class="g-blockcontent-subcontent-title-text">
                        {{ (display.title.limit ? post.title|truncate_text(display.title.limit) : post.title)|raw }}
                    </span>
                </h4>
            {% endif %}

            {% if not display.text.type == '' %}
                <div class="g-blockcontent-subcontent-desc">
                    {% set post_text = display.text.type == 'excerpt' ? post.post_excerpt : post.content %}
                    <p class="g-slider-carousel-description">
                        {% if display.text.formatting == 'text' %}
                            {{ post_text|truncate_text(display.text.limit)|raw }}
                        {% else %}
                            {{ post_text|truncate_html(display.text.limit)|raw }}
                        {% endif %}
                    </p>
                </div>
            {% endif %}

            {% if display.link.enabled %}
                <p class="g-blockcontent-buttons">
                    <a href="{{ post.link|e }}" target="{{ display.link.target|default('_self') }}" class="button">
                        {{ display.link.label|default('Explore Now') }}
                    </a>
                </p>
            {% endif %}
        </div>
    </div>
{% endfor %}