description = "Search Posts"

[viewBag]
==
{% set results = searchResults.results %}
{% for result in results %}
<!-- Posts  -->
<div class="{{ this.theme.blog_posts_column }}" {% if this.theme.blog_posts_animation %}data-aos="fade-up" data-aos-duration="1200"{% endif %}>
    <div class="card border-0 {% if this.theme.blog_posts_style != 'style1' %}mb-12 overflow-hidden{% else %}bg-transparent{% endif %}">
        {% if result.thumb %}
        <div class="img-hover">
            <a href="{{ result.url }}">
                <img src="{{ result.thumb.getThumb(1000, (this.theme.blog_posts_height), 'crop') }}" alt="" class="img-fluid w-100"/>
            </a>
        </div>
        {% endif %}
        <div class="{{ this.theme.blog_posts_align }} {% if this.theme.blog_posts_style != 'style1' %}p-7 position-relative{% endif %}">
            <h2 class="pt-5 font-weight-light"><a href="{{ result.url }}" class="text-link">{{ result.title|raw }}</a></h2>
            <p class="my-7">{{ result.excerpt|raw }}</p>
            <a class="btn btn-sm btn-default" href="{{ result.url }}" class="display-13">Read more</a>
        </div>
    </div>
    {% if this.theme.blog_posts_style == 'style1' %}<hr class="my-12 opacity-50">{% endif %}
</div>
<!-- Posts  -->
{% else %}
{% partial searchResults ~ '::no-results.htm' %}
{% endfor %}

<div class="col-md-12 py-10" {% if this.theme.blog_posts_animation %}data-aos="fade-up" data-aos-duration="1200"{% endif %}>
    <nav>
        {% if results.lastPage > 1 %}
        <ul class="pagination m-0">
            {% if results.currentPage > 1 %}
            <li class="page-item mr-2">
                <a class="d-flex justify-content-center align-items-center btn btn-default rounded-circle p-0 w-10r h-10r" href="{{ results.previousPageUrl }}" tabindex="-1" aria-label="Previous">
                <i class="fa fa-arrow-left"></i>
                <span class="sr-only">Previous</span>
                </a>
            </li>
            {% endif %}
            {% for page in 1..results.lastPage %}
            <li class="page-item mr-2">
                <a class="{{ results.currentPage == page ? 'active' : null }} d-flex justify-content-center align-items-center btn btn-default rounded-circle p-0 w-10r h-10r" href="{{ this.page.baseFileName | page }}?q={{ searchResults.query }}&amp;page={{ page }}">{{ page }} <span class="sr-only">(current)</span></a>
            </li>
            {% endfor %}
            {% if results.lastPage > results.currentPage %}
            <li class="page-item mr-2">
                <a class="d-flex justify-content-center align-items-center btn btn-default rounded-circle p-0 w-10r h-10r" href="{{ results.nextPageUrl }}" aria-label="Next">
                <i class="fa fa-arrow-right"></i>
                <span class="sr-only">Next</span>
                </a>
            </li>
            {% endif %}
        </ul>
        {% endif %}
    </nav>
</div>