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

{% set seo_title = 'News' %}
{% set body_class = 'news' %}

{% block content %}
        <div class="container">
        <h1 class="news-title">News{% if title %} <span>| {{ title }}</span>{% endif %}</h1>

        <div class="row">
            <div class="col-lg-9">
                <div class="news-archive">
                    {% for article in articles %}
                        <article class="news-archive-item">
                            <h2 class="news-archive-item-title">
                                <a href="{{ path('news_show', {'urlTitle': article.urlTitle}) }}">
                                    {{ article.title }}
                                </a>
                            </h2>
                            {% if is_texstyle_au() %}
                                <div class="news-archive-item-date">{{ article.postDate|date('jS F, Y') }}</div>
                            {% endif %}
                            {% if article.gridImage %}
                                <div class="news-archive-item-image">
                                    <a href="{{ path('news_show', {'urlTitle': article.urlTitle}) }}">
                                        <img src="{{ article.gridImage }}" width="960" height="530" alt="">
                                    </a>
                                </div>
                            {% endif %}
                            <div class="news-archive-item-excerpt">{{ article.excerpt|raw }}</div>
                            <div class="news-archive-item-more">
                                <a href="{{ path('news_show', {'urlTitle': article.urlTitle}) }}">Read more</a>
                            </div>
                        </article>
                    {% endfor %}
                </div>
            </div>
            <div class="col-lg-3 hidden-md-down">
                <div class="sidebar sidebar-right">
                    <div class="sidebar-block sidebar-block-lg">
                        <div class="sidebar-title">News Categories</div>
                        <nav class="sidebar-nav">
                            {% for category in categories %}
                                <div class="sidebar-nav-item">
                                    <a href="{{ path('news_index', {'category': category.urlTitle}) }}" class="sidebar-nav-link">
                                        {{ category.title }}
                                    </a>
                                </div>
                            {% endfor %}
                        </nav>
                    </div>

                    <div class="sidebar-block">
                        <div class="sidebar-title">Search Articles</div>
                        <form action="{{ path('news_index') }}" method="get" accept-charset="UTF-8">
                            <div class="form-group">
                                <label for="news_search" class="sr-only">Keywords</label>
                                <input type="text" name="search" id="news_search" class="form-control" value="{{ search }}">
                            </div>
                            <button type="submit" class="btn btn-primary btn-block btn-more">Search</button>
                        </form>
                    </div>
                </div>
            </div>

            {% if articles.haveToPaginate %}
                <div class="pagination">
                    <div class="pagination-inner">
                        {% if articles.hasPreviousPage %}
                            <a href="{{ pagePath|format(articles.previousPage) }}" class="pagination-prev">Previous Page</a>
                        {% endif %}
                        {% set count = articles.nbPages %}
                        {% set current = articles.currentPage %}
                        <ol class="pagination-pages">
                            {% if current > 1 %}
                                <li class="pagination-pages-item{% if current > 3 %} is-first{% endif %}">
                                    <a href="{{ pagePath|format(1) }}" class="pagination-pages-link">1</a>
                                </li>
                            {% endif %}
                            {% if current > 2 %}
                                <li class="pagination-pages-item">
                                    <a href="{{ pagePath|format(current - 1) }}" class="pagination-pages-link">{{ current - 1 }}</a>
                                </li>
                            {% endif %}
                            <li class="pagination-pages-item is-current">
                                <a href="{{ pagePath|format(current) }}" class="pagination-pages-link">{{ current }}</a>
                            </li>
                            {% if count - current > 1 %}
                                <li class="pagination-pages-item">
                                    <a href="{{ pagePath|format(current + 1) }}" class="pagination-pages-link">{{ current + 1 }}</a>
                                </li>
                            {% endif %}
                            {% if count - current > 0 %}
                                <li class="pagination-pages-item{% if count - current > 2 %} is-last{% endif %}">
                                    <a href="{{ pagePath|format(count) }}" class="pagination-pages-link">{{ count }}</a>
                                </li>
                            {% endif %}
                        </ol>
                        {% if articles.hasNextPage %}
                            <a href="{{ pagePath|format(articles.nextPage) }}" class="pagination-next">Next Page</a>
                        {% endif %}
                    </div>
                </div>
            {% endif %}
        </div>
    </div>
{% endblock %}

{% block callouts %}
    {% include '_includes/subscribe-callout.html.twig' %}
{% endblock %}