{% extends 'layouts/sidebar_right.tpl' %}

{% block PageHeader %}
    <div class="page-head-tile">
        <div class="container">
            <div class="breadcrumbs-block">
                <ul class="breadcrumbs">
                    <li class="bc-item">
                        <a href="/">Home</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li class="bc-item">
                        <a href="/news">News</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
{% endblock %}

{% block Content %}
    <!-- Mobile -->
    {{ getAdZone(zone='Msite_300x250') }}

    {% paginate getNews(limit = 15, body_length = 150, paginate = true) as pagination, news %}
    <div class="content">
        {{ options.text.PreNewsListContent }}
        <div class="posts slyvi-the-news-list">
        {% for n in news %}
            {# lt = list type, wt = with thumbs #}
            {% set force_show_news_list_with_thumbs = globals.query_string.lt == 'wt' ? true : false %}
            {% if options.select.NewsListPageType == 'title_only' and force_show_news_list_with_thumbs == false %}
                <article class="post post-tp-5 {{ n.tag_classnames | join(' ') }} slyvi-the-news-list-item" style="padding: 5px 0;">
                    <div class="meta-tp-2 m-b-none" style="line-height: 1;">
                        <div class="date">{{ n.date ? n.date | date('d.m H:i') : '' }}</div>
                        {% if n.comments_count > 0 %}
                        <a href="{{ n.permalink }}#comments" class="comments-count visible-xs">
                            <i class="ion-ios-chatbubble-outline"></i> {{ n.comments_count }}
                        </a>
                        {% endif %}
                    </div>
                    <div class="post-title-row">
                        <h3 class="title-5 m-b-none"><a href="{{ n.permalink }}">{{ n.title }}</a></h3>
                        {% if n.comments_count > 0 %}
                        <a href="{{ n.permalink }}#comments" class="comments-count hidden-xs">
                            <i class="ion-ios-chatbubble-outline"></i> {{ n.comments_count }}
                        </a>
                        {% endif %}
                    </div>
                </article>
            {% else %}
                <article class="post post-tp-24 row {{ n.tag_classnames | join(' ') }}">
                    <div class="col-md-5 p-l-n p-r-n">
                        <figure class="thumbz" style="background-image: url({{ n.thumbnail_R }})">
                            <a href="{{ n.permalink }}" class="block"><img src="//{{PlaceholderService()}}/270x189" /></a>
                            <div class="ptp-24-overlay">
                                <div class="ptp-24-data">
                                {% if options.bool.ShowNewsHits %}
                                    <a href="{{ n.permalink }}">
                                        <i class="ion-ios-eye-outline"></i> {{ n.hits }}
                                    </a>
                                {% endif %}
                                    <a href="{{ n.permalink }}#comments">
                                        <i class="ion-ios-chatbubble-outline"></i> {{ n.comments_count }}
                                    </a>
                                </div>
                            </div>
                        </figure>
                    </div>
                    <div class="col-md-7 p-l-n p-r-n">
                        <h3 class="title-14"><a href="{{ n.permalink }}">{{ n.title }}</a></h3>
                        <p class="p">{{ n.subtitle }}</p>
                        <div class="meta-tp-2">
                            <div class="date"><span>{{ n.date | date('d.m.Y H:i') }}</span></div>
                            {% if n.category %}
                            <div class="category">
                                <a href="{{ n.category_permalink }}"><i class="ion-ios-box-outline"></i> <span>{{ n.category }}</span></a>
                            </div>
                            {% endif %}
                            <!-- news author -->
                            <div class="" style="display: block; line-height: 1;">{{ n.author_name }}</div> <!-- /.author-tp-2 -->
                            {% if n.is_external %}
                            <div class="external_news_info">{{ n.external_url_via_icon ? '<img src="'~n.external_url_via_icon~'" />' : NULL }}<span>{{ n.external_url_via_label }}</span></div>
                            {% endif %}
                        </div>
                    </div>
                </article>
            {% endif %}
        {% endfor %}
        </div>
        <!-- /.posts -->

        {% include('include/pagination.tplp') %}
    </div> <!-- /.content -->
{% endblock %}