{% set posts = __SELF__.posts %}
{% for post in posts %}
    <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 no-padding-2">
        <div class="pdf-thumb-box">
            <div class="pdf-thumb-box-a">
                <div class="pdf-thumb-box-overlay">
                    <span class="fa-stack fa-lg">
                        <button type="submit" class="btn-imgs center-block" data-attach-loading  data-toggle="modal" data-target=".bd-example-modal-lg-{{__SELF__.id}}-{{ post.id }}">
                        <i class="fa fa-plus-circle fa-2x pink" aria-hidden="true"></i>
                        </button>
                        <p>{{ post.excerpt }}</p>
                    </span>
                </div>
                <div id="main">
                    <img src="{{ post.featured_images.first.getthumb(auto, 1000) }}" alt="{{ post.title }}" class="img-responsive">
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade bd-example-modal-lg-{{__SELF__.id}}-{{ post.id }}" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content bg-modal padding-modal">
                <div class="container margin-modal">
                    <div class="row">
                        <div class="col-md-6 img-modal">
                            <div class="row">
                                {% for image in post.featured_images %}
                                    {% if loop.index >= 2 %}
                                        {% if loop.index <= 5 %}
                                            <div class="col-xs-6 no-padding-2">
                                                <a href="{{ image.path }}" data-fancybox="images-{{__SELF__.id}}-{{ post.id }}">
                                                    <img src="{{ image.getThumb(250, 250, 'crop') }}" class="img-responsive" width="100%"/>
                                                </a>
                                            </div>
                                        {% else %}
                                            <a href="{{ image.path }}" data-fancybox="images-{{__SELF__.id}}-{{ post.id }}">
                                            </a>
                                        {% endif %}
                                    {% endif %}
                                {% endfor %}
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="post-heading">
                                <h1 style="margin-top: 20px">{{ post.title }}</h1>
                                <h4><time datetime="{{ post.published_at|date('Y') }}">{{ post.published_at|date('Y') }}</time></h4>
                            </div>
                            <div class="post-content">
                                <p>
                                    {{ post.content|raw }}
                                </p>
                            </div>
                            <p style="margin-top: 20px;"><i class="fa fa-search" aria-hidden="true"></i> Clique sobre para ver todas as imagens ampliadas</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% else %}
    <div class="no-data">{{ noPostsMessage }}</div>
{% endfor %}